Loading...
Created at 05/11/2023 10:43
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
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 — 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): #141428, #282864, #C8A08C, #F0DCC8, #F0F0DC, #F0F0F0
Palette Product design saas website educational hero section colors palette has combination of 6 codes colors:
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
Shade of midnightblue, Tint of whitesmoke, Tint of beige, Tint of darksalmon, Tint of antiquewhite, Shade of Black
Color scheme was created by bad_colors
Colors codes in palette
Product design saas website educational hero section colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #282864 | #282864 | RGB(40, 40, 100) | Indigo (Rainbow) | — |
| #f0f0f0 | #f0f0f0 | RGB(240, 240, 240) | Anti-Flash White | Gray94 |
| #f0f0dc | #f0f0dc | RGB(240, 240, 220) | Beige | — |
| #c8a08c | #c8a08c | RGB(200, 160, 140) | Tuscany | — |
| #f0dcc8 | #f0dcc8 | RGB(240, 220, 200) | Almond | — |
| #141428 | #141428 | RGB(20, 20, 40) | Eerie Black | — |
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: