Product design saas website educational hero section colors palette
- Indigo (Rainbow)#282864
- Anti-Flash White#f0f0f0
- Beige#f0f0dc
- Tuscany#c8a08c
- Almond#f0dcc8
- Eerie Black#141428
Created at 05/11/2023 10:43
The palette consists of Dark, Light colors. Accent colors Indigo (Rainbow) #282864 and Almond #f0dcc8. Palette has Cool, Neutral, Warm colors temperature.
By lightness, this palette runs from #141428 (darkest) to #F0F0F0 (lightest). The lightness range is wide.
Saturation is mixed — 1 muted and 1 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Warm and cool swatches are fairly balanced (2 warm, 2 cool).
HEX codes (sorted): #141428, #282864, #C8A08C, #F0DCC8, #F0F0DC, #F0F0F0
Palette Product design saas website educational hero section colors palette combines 6 color codes:
HEX: #282864, RGB: (40, 40, 100); HEX: #f0f0f0, RGB: (240, 240, 240); HEX: #f0f0dc, RGB: (240, 240, 220)
HEX: #c8a08c, RGB: (200, 160, 140); HEX: #f0dcc8, RGB: (240, 220, 200); HEX: #141428, RGB: (20, 20, 40)
Simplified version of palette colors
Tint of Midnight Blue, Shade of White Smoke, Shade of Beige, Shade of Dark Salmon, Shade of Antique White, Tint of Black
Color scheme was created by bad_colors
Color codes in palette
Product design saas website educational hero section colors palette color codes HEX, RGB information in table
Color Palette Contrast
5 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#282864 | #141428 | 1.35 |
#f0f0f0 | #f0f0dc | 1.01 |
#f0f0f0 | #f0dcc8 | 1.16 |
#f0f0dc | #f0dcc8 | 1.15 |
#c8a08c | #f0dcc8 | 1.78 |
Image palette Product design saas website educational hero section colors palette png
Export Palette
Download the "Product design saas website educational hero section colors palette" in multiple formats for seamless integration into your design projects.
Available formats: