Loading...
Created at 07/10/2025 08:32
Contrast Optimized Devkit
- Keyword Blue#264653
- Panel Vanilla#f7eedd
- Accent Red#e63946
- Tooltip Navy#2a2e45
- Readable Green#a8e6cf
- Highlight Orange#ffa36c
- Drawer White#ffffff
The palette consists of Light, Semi dark, Dark colors. Accent colors Readable Green #a8e6cf and Highlight Orange #ffa36c. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #2A2E45 (darkest) to #FFFFFF (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).
Overall temperature among swatches leans cool.
HEX codes (sorted): #264653, #2A2E45, #A8E6CF, #E63946, #F7EEDD, #FFA36C, #FFFFFF
Palette Contrast Optimized Devkit has combination of 7 codes colors:
HEX: #264653, RGB: (38, 70, 83); HEX: #f7eedd, RGB: (247, 238, 221); HEX: #e63946, RGB: (230, 57, 70)
HEX: #2a2e45, RGB: (42, 46, 69); HEX: #a8e6cf, RGB: (168, 230, 207); HEX: #ffa36c, RGB: (255, 163, 108)
HEX: #ffffff, RGB: (255, 255, 255)
Simplified version of palette colors
Tint of darkslategrey, Tint of oldlace, Shade of crimson, Shade of midnightblue, Tint of paleturquoise, Shade of lightsalmon, White
Color scheme was created by colourlock
Colors codes in palette
Contrast Optimized Devkit color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #264653 | #264653 | RGB(38, 70, 83) | Keyword Blue | — |
| #f7eedd | #f7eedd | RGB(247, 238, 221) | Panel Vanilla | — |
| #e63946 | #e63946 | RGB(230, 57, 70) | Accent Red | — |
| #2a2e45 | #2a2e45 | RGB(42, 46, 69) | Tooltip Navy | — |
| #a8e6cf | #a8e6cf | RGB(168, 230, 207) | Readable Green | — |
| #ffa36c | #ffa36c | RGB(255, 163, 108) | Highlight Orange | — |
| #ffffff | #ffffff | RGB(255, 255, 255) | Drawer White | White |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#264653 | #2a2e45 | 1.32 |
#f7eedd | #a8e6cf | 1.22 |
#f7eedd | #ffa36c | 1.7 |
#f7eedd | #ffffff | 1.15 |
#a8e6cf | #ffa36c | 1.39 |
#a8e6cf | #ffffff | 1.41 |
Image palette Contrast Optimized Devkit png
Export Palette
Download the "Contrast Optimized Devkit" in multiple formats for seamless integration into your design projects.
Available formats: