Created at 12/31/2025 11:29
Cognitive Load Optimized UX for AI Engineers
- Inference Charcoal#121826
- Focus Canvas Alabaster#fcfbf8
- Attention Blue#2a6ef5
- Cognitive Mint#3fd1a2
- Memory Recall Saffron#f4a940
- Error Cognition Scarlet#c7362f
The palette consists of Dark, Light, Semi dark colors. Accent colors Attention Blue #2a6ef5 and Memory Recall Saffron #f4a940. Palette has Neutral, Cool, Warm colors temperature.
By lightness, this palette runs from #121826 (darkest) to #FCFBF8 (lightest). The lightness range is wide.
Overall saturation feels vivid (higher chroma).
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): #121826, #2A6EF5, #3FD1A2, #C7362F, #F4A940, #FCFBF8
Palette Cognitive Load Optimized UX for AI Engineers has combination of 6 codes colors:
HEX: #121826, RGB: (18, 24, 38); HEX: #fcfbf8, RGB: (252, 251, 248); HEX: #2a6ef5, RGB: (42, 110, 245)
HEX: #3fd1a2, RGB: (63, 209, 162); HEX: #f4a940, RGB: (244, 169, 64); HEX: #c7362f, RGB: (199, 54, 47)
Simplified version of palette colors
Shade of Black, Tint of White, Tint of royalblue, Tint of mediumaquamarine, Shade of Orange, Shade of firebrick
Color scheme was created by colorday
Colors codes in palette
Cognitive Load Optimized UX for AI Engineers color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #121826 | #121826 | RGB(18, 24, 38) | Inference Charcoal | — |
| #fcfbf8 | #fcfbf8 | RGB(252, 251, 248) | Focus Canvas Alabaster | — |
| #2a6ef5 | #2a6ef5 | RGB(42, 110, 245) | Attention Blue | — |
| #3fd1a2 | #3fd1a2 | RGB(63, 209, 162) | Cognitive Mint | — |
| #f4a940 | #f4a940 | RGB(244, 169, 64) | Memory Recall Saffron | — |
| #c7362f | #c7362f | RGB(199, 54, 47) | Error Cognition Scarlet | — |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fcfbf8 | #3fd1a2 | 1.86 |
#fcfbf8 | #f4a940 | 1.91 |
#2a6ef5 | #c7362f | 1.16 |
#3fd1a2 | #f4a940 | 1.02 |
Image palette Cognitive Load Optimized UX for AI Engineers png
Export Palette
Download the "Cognitive Load Optimized UX for AI Engineers" in multiple formats for seamless integration into your design projects.
Available formats: