Created at 10/24/2022 15:51
Ux design templates ui system colours
Blue (RYB)
#044cfc
Jasmine
#f8d87c
Resolution Blue
#012783
Taupe Gray
#84848c
Ash Gray
#b3c3af
Charleston Green
#2b2c2c
The palette consists of 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 — some muted swatches and some vivid accents.
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): #012783, #044CFC, #2B2C2C, #84848C, #B3C3AF, #F8D87C
Palette Ux design templates ui system colours has combination of 6 codes colors:
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
Tint of royalblue, Tint of Khaki, Shade of midnightblue, Shade of Grey, Shade of darkseagreen, Shade of Black
Color scheme was created by colorswall
Colors codes in palette
Ux design templates ui system colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #044cfc | #044cfc | RGB(4, 76, 252) | Blue (RYB) | — |
| #f8d87c | #f8d87c | RGB(248, 216, 124) | Jasmine | — |
| #012783 | #012783 | RGB(1, 39, 131) | Resolution Blue | — |
| #84848c | #84848c | RGB(132, 132, 140) | Taupe Gray | — |
| #b3c3af | #b3c3af | RGB(179, 195, 175) | Ash Gray | — |
| #2b2c2c | #2b2c2c | RGB(43, 44, 44) | Charleston Green | — |
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: