Loading...
Created at 10/17/2022 10:37
Ui hero illustration marketing website colours
- Jonquil#f3c915
- Gargoyle Gas#fce44c
- Gold Foil#b89e22
- Beaver#a58469
- Wild Blue Yonder#a2b2cc
- Soldier Green#5b5030
The palette consists of Light, Semi dark colors. Accent colors Gargoyle Gas #fce44c and Wild Blue Yonder #a2b2cc. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #5B5030 (darkest) to #A2B2CC (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).
Overall temperature among swatches leans warm.
HEX codes (sorted): #5B5030, #A2B2CC, #A58469, #B89E22, #F3C915, #FCE44C
Palette Ui hero illustration marketing website colours has combination of 6 codes colors:
HEX: #f3c915, RGB: (243, 201, 21); HEX: #fce44c, RGB: (252, 228, 76); HEX: #b89e22, RGB: (184, 158, 34)
HEX: #a58469, RGB: (165, 132, 105); HEX: #a2b2cc, RGB: (162, 178, 204); HEX: #5b5030, RGB: (91, 80, 48)
Simplified version of palette colors
Tint of gold, Shade of gold, Tint of goldenrod, Tint of peru, Tint of lightsteelblue, Tint of darkolivegreen
Color scheme was created by colorswall
Colors codes in palette
Ui hero illustration marketing website colours color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #f3c915 | #f3c915 | RGB(243, 201, 21) | Jonquil | — |
| #fce44c | #fce44c | RGB(252, 228, 76) | Gargoyle Gas | — |
| #b89e22 | #b89e22 | RGB(184, 158, 34) | Gold Foil | — |
| #a58469 | #a58469 | RGB(165, 132, 105) | Beaver | — |
| #a2b2cc | #a2b2cc | RGB(162, 178, 204) | Wild Blue Yonder | — |
| #5b5030 | #5b5030 | RGB(91, 80, 48) | Soldier Green | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#f3c915 | #fce44c | 1.24 |
#f3c915 | #b89e22 | 1.65 |
#f3c915 | #a2b2cc | 1.34 |
#fce44c | #a2b2cc | 1.67 |
#b89e22 | #a58469 | 1.3 |
#b89e22 | #a2b2cc | 1.22 |
Image palette Ui hero illustration marketing website colours png
Export Palette
Download the "Ui hero illustration marketing website colours" in multiple formats for seamless integration into your design projects.
Available formats: