Created at 06/09/2025 15:43
Cognitive UI Composition Set
Perception Blue
#4d9de0
Ambient Gray
#a9a9a9
Insight Marigold
#f4a261
Intent Lilac
#b5838d
Clarity White
#f6f6f6
Data Ink
#222222
Accent Cyan
#38a3a5
The palette consists of Light, Dark colors. Accent colors Perception Blue #4d9de0 and Insight Marigold #f4a261. Palette has Cool, Neutral, Warm colors temperature.
Palette Cognitive UI Composition Set has combination of 7 codes colors:
HEX: #4d9de0, RGB: (77, 157, 224); HEX: #a9a9a9, RGB: (169, 169, 169); HEX: #f4a261, RGB: (244, 162, 97)
HEX: #b5838d, RGB: (181, 131, 141); HEX: #f6f6f6, RGB: (246, 246, 246); HEX: #222222, RGB: (34, 34, 34)
HEX: #38a3a5, RGB: (56, 163, 165)
Simplified version of palette colors
Shade of dodgerblue, darkgrey, Tint of sandybrown, Tint of rosybrown, Shade of whitesmoke, Shade of Black, Tint of cadetblue
Color scheme was created by colorscheme
Colors codes in palette
Cognitive UI Composition Set color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #4d9de0 | #4d9de0 | RGB(77, 157, 224) | Perception Blue | — |
| #a9a9a9 | #a9a9a9 | RGB(169, 169, 169) | Ambient Gray | Darkgray |
| #f4a261 | #f4a261 | RGB(244, 162, 97) | Insight Marigold | — |
| #b5838d | #b5838d | RGB(181, 131, 141) | Intent Lilac | — |
| #f6f6f6 | #f6f6f6 | RGB(246, 246, 246) | Clarity White | — |
| #222222 | #222222 | RGB(34, 34, 34) | Data Ink | Black Out |
| #38a3a5 | #38a3a5 | RGB(56, 163, 165) | Accent Cyan | — |
Color Palette Contrast
11 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#4d9de0 | #a9a9a9 | 1.23 |
#4d9de0 | #f4a261 | 1.41 |
#4d9de0 | #b5838d | 1.09 |
#4d9de0 | #38a3a5 | 1.03 |
#a9a9a9 | #f4a261 | 1.14 |
#a9a9a9 | #b5838d | 1.35 |
Image palette Cognitive UI Composition Set png
Export Palette
Download the "Cognitive UI Composition Set" in multiple formats for seamless integration into your design projects.
Available formats: