Created at 11/23/2022 05:32
Ui ux design journey colors palette
Cerulean Blue
#2c54c6
Light Sky Blue
#83ccf5
Japanese Indigo
#253a57
Shadow Blue
#7091a9
Bone
#e0d4c0
Police Blue
#39536b
The palette consists of Semi dark, Light colors. Accent colors Light Sky Blue #83ccf5 and Bone #e0d4c0. Palette has Cool, Neutral colors temperature.
By lightness, this palette runs from #253A57 (darkest) to #E0D4C0 (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): #253A57, #2C54C6, #39536B, #7091A9, #83CCF5, #E0D4C0
Palette Ui ux design journey colors palette has combination of 6 codes colors:
HEX: #2c54c6, RGB: (44, 84, 198); HEX: #83ccf5, RGB: (131, 204, 245); HEX: #253a57, RGB: (37, 58, 87)
HEX: #7091a9, RGB: (112, 145, 169); HEX: #e0d4c0, RGB: (224, 212, 192); HEX: #39536b, RGB: (57, 83, 107)
Simplified version of palette colors
Tint of royalblue, Tint of lightskyblue, Tint of darkslateblue, Shade of lightslategrey, Tint of antiquewhite, Shade of darkslateblue
Color scheme was created by hex
Colors codes in palette
Ui ux design journey colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #2c54c6 | #2c54c6 | RGB(44, 84, 198) | Cerulean Blue | — |
| #83ccf5 | #83ccf5 | RGB(131, 204, 245) | Light Sky Blue | — |
| #253a57 | #253a57 | RGB(37, 58, 87) | Japanese Indigo | — |
| #7091a9 | #7091a9 | RGB(112, 145, 169) | Shadow Blue | — |
| #e0d4c0 | #e0d4c0 | RGB(224, 212, 192) | Bone | — |
| #39536b | #39536b | RGB(57, 83, 107) | Police Blue | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#2c54c6 | #253a57 | 1.75 |
#2c54c6 | #7091a9 | 1.97 |
#2c54c6 | #39536b | 1.21 |
#83ccf5 | #7091a9 | 1.88 |
#83ccf5 | #e0d4c0 | 1.2 |
#253a57 | #39536b | 1.44 |
Image palette Ui ux design journey colors palette png
Export Palette
Download the "Ui ux design journey colors palette" in multiple formats for seamless integration into your design projects.
Available formats: