Created at 07/11/2025 16:42
Cognitive UI Layer Framework
- Symbolic Sage#c1dab0
- Inference Graphite#4b4e6d
- Cognitive Sky#a2d2ff
- Feature Space Pink#ffb5a7
- Reasoning Cream#fff5e4
- Node Taupe#d8b6a4
The palette consists of Light colors. Accent colors Cognitive Sky #a2d2ff and Reasoning Cream #fff5e4. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #4B4E6D (darkest) to #FFF5E4 (lightest). The lightness range is wide.
Saturation is mixed — some muted swatches and some vivid accents.
Some hue pairs sit near complementary positions — you may read this as complementary contrast (loose heuristic).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #4B4E6D, #A2D2FF, #C1DAB0, #D8B6A4, #FFB5A7, #FFF5E4
Palette Cognitive UI Layer Framework has combination of 6 codes colors:
HEX: #c1dab0, RGB: (193, 218, 176); HEX: #4b4e6d, RGB: (75, 78, 109); HEX: #a2d2ff, RGB: (162, 210, 255)
HEX: #ffb5a7, RGB: (255, 181, 167); HEX: #fff5e4, RGB: (255, 245, 228); HEX: #d8b6a4, RGB: (216, 182, 164)
Simplified version of palette colors
Shade of darkseagreen, Shade of darkslateblue, Shade of lightskyblue, Shade of darksalmon, Shade of oldlace, Shade of tan
Color scheme was created by bad_colors
Colors codes in palette
Cognitive UI Layer Framework color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #c1dab0 | #c1dab0 | RGB(193, 218, 176) | Symbolic Sage | — |
| #4b4e6d | #4b4e6d | RGB(75, 78, 109) | Inference Graphite | — |
| #a2d2ff | #a2d2ff | RGB(162, 210, 255) | Cognitive Sky | — |
| #ffb5a7 | #ffb5a7 | RGB(255, 181, 167) | Feature Space Pink | — |
| #fff5e4 | #fff5e4 | RGB(255, 245, 228) | Reasoning Cream | Silky Tofu |
| #d8b6a4 | #d8b6a4 | RGB(216, 182, 164) | Node Taupe | — |
Color Palette Contrast
10 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#c1dab0 | #a2d2ff | 1.05 |
#c1dab0 | #ffb5a7 | 1.12 |
#c1dab0 | #fff5e4 | 1.39 |
#c1dab0 | #d8b6a4 | 1.24 |
#a2d2ff | #ffb5a7 | 1.06 |
#a2d2ff | #fff5e4 | 1.47 |
Image palette Cognitive UI Layer Framework png
Export Palette
Download the "Cognitive UI Layer Framework" in multiple formats for seamless integration into your design projects.
Available formats: