Created at 08/20/2025 05:42
Semantic Systems UX Gridline
Ontology Indigo
#560bad
Entity Blue
#118ab2
Inference Coral
#ff6b6b
UI Kit White
#fbfbfb
Data Node Yellow
#ffca3a
System Charcoal
#2a2a2a
Wireframe Silver
#dee2e6
The palette consists of Dark, Light colors. Accent colors Ontology Indigo #560bad and Data Node Yellow #ffca3a. Palette has Cool, Warm, Neutral colors temperature.
Palette Semantic Systems UX Gridline has combination of 7 codes colors:
HEX: #560bad, RGB: (86, 11, 173); HEX: #118ab2, RGB: (17, 138, 178); HEX: #ff6b6b, RGB: (255, 107, 107)
HEX: #fbfbfb, RGB: (251, 251, 251); HEX: #ffca3a, RGB: (255, 202, 58); HEX: #2a2a2a, RGB: (42, 42, 42)
HEX: #dee2e6, RGB: (222, 226, 230)
Simplified version of palette colors
Shade of indigo, Tint of steelblue, Tint of salmon, Tint of White, Tint of gold, Shade of Black, Shade of gainsboro
Color scheme was created by coolor
Colors codes in palette
Semantic Systems UX Gridline color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #560bad | #560bad | RGB(86, 11, 173) | Ontology Indigo | — |
| #118ab2 | #118ab2 | RGB(17, 138, 178) | Entity Blue | — |
| #ff6b6b | #ff6b6b | RGB(255, 107, 107) | Inference Coral | — |
| #fbfbfb | #fbfbfb | RGB(251, 251, 251) | UI Kit White | Whiteout |
| #ffca3a | #ffca3a | RGB(255, 202, 58) | Data Node Yellow | — |
| #2a2a2a | #2a2a2a | RGB(42, 42, 42) | System Charcoal | The End |
| #dee2e6 | #dee2e6 | RGB(222, 226, 230) | Wireframe Silver | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#560bad | #2a2a2a | 1.39 |
#118ab2 | #ff6b6b | 1.42 |
#ff6b6b | #ffca3a | 1.81 |
#fbfbfb | #ffca3a | 1.47 |
#fbfbfb | #dee2e6 | 1.25 |
#ffca3a | #dee2e6 | 1.17 |
Image palette Semantic Systems UX Gridline png
Export Palette
Download the "Semantic Systems UX Gridline" in multiple formats for seamless integration into your design projects.
Available formats: