Ux design templates ui system colours
- Blue (RYB)#044cfc
- Jasmine#f8d87c
- Resolution Blue#012783
- Taupe Gray#84848c
- Ash Gray#b3c3af
- Charleston Green#2b2c2c
Created at 10/24/2022 15:51
The palette consists of Semi dark, Light, Dark colors. Accent colors Jasmine #f8d87c and Resolution Blue #012783. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #2B2C2C (darkest) to #F8D87C (lightest). The lightness range is wide.
Saturation is mixed — 3 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #012783, #044CFC, #2B2C2C, #84848C, #B3C3AF, #F8D87C
Palette Ux design templates ui system colours combines 6 color codes:
HEX: #044cfc, RGB: (4, 76, 252); HEX: #f8d87c, RGB: (248, 216, 124); HEX: #012783, RGB: (1, 39, 131)
HEX: #84848c, RGB: (132, 132, 140); HEX: #b3c3af, RGB: (179, 195, 175); HEX: #2b2c2c, RGB: (43, 44, 44)
Simplified version of palette colors
Shade of Royal Blue, Shade of Khaki, Tint of Midnight Blue, Tint of Grey, Tint of Dark Sea Green, Tint of Black
Color scheme was created by colorswall
Color codes in palette
Ux design templates ui system colours color codes HEX, RGB information in table
Color Palette Contrast
3 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#044cfc | #84848c | 1.64 |
#f8d87c | #b3c3af | 1.33 |
#012783 | #2b2c2c | 1.07 |
Image palette Ux design templates ui system colours png
Export Palette
Download the "Ux design templates ui system colours" in multiple formats for seamless integration into your design projects.
Available formats: