Created at 05/18/2022 10:18
Ui uiux header design colors palette
- Ripe Mango#fcc424
- Lemon Yellow#f8f949
- Caput Mortuum#562c21
- Blue Yonder#5e7a9f
- Dark Sky Blue#97bac7
- Deep Space Sparkle#3f6071
The palette consists of Light, Semi dark colors. Accent colors Ripe Mango #fcc424 and Dark Sky Blue #97bac7. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #562C21 (darkest) to #97BAC7 (lightest). The lightness range is moderate.
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).
Warm and cool swatches are fairly balanced.
HEX codes (sorted): #3F6071, #562C21, #5E7A9F, #97BAC7, #F8F949, #FCC424
Palette Ui uiux header design colors palette has combination of 6 codes colors:
HEX: #fcc424, RGB: (252, 196, 36); HEX: #f8f949, RGB: (248, 249, 73); HEX: #562c21, RGB: (86, 44, 33)
HEX: #5e7a9f, RGB: (94, 122, 159); HEX: #97bac7, RGB: (151, 186, 199); HEX: #3f6071, RGB: (63, 96, 113)
Simplified version of palette colors
Tint of gold, Shade of Yellow, Shade of Maroon, Shade of steelblue, Tint of lightblue, Shade of darkslategrey
Color scheme was created by colorswall
Colors codes in palette
Ui uiux header design colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fcc424 | #fcc424 | RGB(252, 196, 36) | Ripe Mango | — |
| #f8f949 | #f8f949 | RGB(248, 249, 73) | Lemon Yellow | — |
| #562c21 | #562c21 | RGB(86, 44, 33) | Caput Mortuum | — |
| #5e7a9f | #5e7a9f | RGB(94, 122, 159) | Blue Yonder | — |
| #97bac7 | #97bac7 | RGB(151, 186, 199) | Dark Sky Blue | — |
| #3f6071 | #3f6071 | RGB(63, 96, 113) | Deep Space Sparkle | — |
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fcc424 | #f8f949 | 1.42 |
#fcc424 | #97bac7 | 1.28 |
#f8f949 | #97bac7 | 1.83 |
#562c21 | #3f6071 | 1.75 |
#5e7a9f | #3f6071 | 1.52 |
Image palette Ui uiux header design colors palette png
Export Palette
Download the "Ui uiux header design colors palette" in multiple formats for seamless integration into your design projects.
Available formats: