Created at 02/08/2023 09:25
Header design figma landing page colors palette
- Yellow Orange#fcb73c
- Cornflower Blue#6491f9
- St. Patrick's Blue#182f76
- Bronze (Metallic)#ae845f
- Maximum Blue Purple#aab4da
- Yankees Blue#232c43
The palette consists of Light, Dark colors. Accent colors Yellow Orange #fcb73c and Cornflower Blue #6491f9. Palette has Warm, Cool colors temperature.
By lightness, this palette runs from #232C43 (darkest) to #AAB4DA (lightest). The lightness range is wide.
Saturation sits in a moderate mid-range.
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): #182F76, #232C43, #6491F9, #AAB4DA, #AE845F, #FCB73C
Palette Header design figma landing page colors palette has combination of 6 codes colors:
HEX: #fcb73c, RGB: (252, 183, 60); HEX: #6491f9, RGB: (100, 145, 249); HEX: #182f76, RGB: (24, 47, 118)
HEX: #ae845f, RGB: (174, 132, 95); HEX: #aab4da, RGB: (170, 180, 218); HEX: #232c43, RGB: (35, 44, 67)
Simplified version of palette colors
Shade of Orange, Tint of cornflowerblue, Shade of midnightblue, Tint of peru, Tint of lightsteelblue, Shade of midnightblue
Color scheme was created by colorhunt
Colors codes in palette
Header design figma landing page colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #fcb73c | #fcb73c | RGB(252, 183, 60) | Yellow Orange | — |
| #6491f9 | #6491f9 | RGB(100, 145, 249) | Cornflower Blue | — |
| #182f76 | #182f76 | RGB(24, 47, 118) | St. Patrick's Blue | — |
| #ae845f | #ae845f | RGB(174, 132, 95) | Bronze (Metallic) | — |
| #aab4da | #aab4da | RGB(170, 180, 218) | Maximum Blue Purple | — |
| #232c43 | #232c43 | RGB(35, 44, 67) | Yankees Blue | — |
Color Palette Contrast
7 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#fcb73c | #6491f9 | 1.72 |
#fcb73c | #ae845f | 1.91 |
#fcb73c | #aab4da | 1.16 |
#6491f9 | #ae845f | 1.11 |
#6491f9 | #aab4da | 1.47 |
#182f76 | #232c43 | 1.12 |
Image palette Header design figma landing page colors palette png
Export Palette
Download the "Header design figma landing page colors palette" in multiple formats for seamless integration into your design projects.
Available formats: