Created at 02/07/2023 18:44
Ux design identity ui colors palette
- Orioles Orange#f4511c
- Orange-Yellow (Crayola)#fad26f
- Orko#d5110c
- Deep Puce#a9615c
- Periwinkle (Crayola)#cad2e5
- Knighthood#3c3f55
The palette consists of Light colors. Accent colors Orange-Yellow (Crayola) #fad26f and Periwinkle (Crayola) #cad2e5. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #3C3F55 (darkest) to #CAD2E5 (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 warm.
HEX codes (sorted): #3C3F55, #A9615C, #CAD2E5, #D5110C, #F4511C, #FAD26F
Palette Ux design identity ui colors palette has combination of 6 codes colors:
HEX: #f4511c, RGB: (244, 81, 28); HEX: #fad26f, RGB: (250, 210, 111); HEX: #d5110c, RGB: (213, 17, 12)
HEX: #a9615c, RGB: (169, 97, 92); HEX: #cad2e5, RGB: (202, 210, 229); HEX: #3c3f55, RGB: (60, 63, 85)
Simplified version of palette colors
Shade of orangered, Shade of gold, Tint of firebrick, Tint of indianred, Shade of lightsteelblue, Tint of darkslateblue
Color scheme was created by bad_colors
Colors codes in palette
Ux design identity ui colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f4511c | #f4511c | RGB(244, 81, 28) | Orioles Orange | — |
| #fad26f | #fad26f | RGB(250, 210, 111) | Orange-Yellow (Crayola) | — |
| #d5110c | #d5110c | RGB(213, 17, 12) | Orko | — |
| #a9615c | #a9615c | RGB(169, 97, 92) | Deep Puce | — |
| #cad2e5 | #cad2e5 | RGB(202, 210, 229) | Periwinkle (Crayola) | — |
| #3c3f55 | #3c3f55 | RGB(60, 63, 85) | Knighthood | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f4511c | #d5110c | 1.54 |
#f4511c | #a9615c | 1.32 |
#fad26f | #cad2e5 | 1.04 |
#d5110c | #a9615c | 1.16 |
#d5110c | #3c3f55 | 1.92 |
Image palette Ux design identity ui colors palette png
Export Palette
Download the "Ux design identity ui colors palette" in multiple formats for seamless integration into your design projects.
Available formats: