Loading...
Created at 12/30/2022 14:58
Website design landingpage uidesign palette
- Robin Egg Blue#15c9c7
- Banana Mania#f5e4b9
- Myrtle Green#1e6b6c
- Rhythm#746c8c
- Dark Vanilla#d5b8a2
- Arsenic#424444
The palette consists of Light, Semi dark colors. Accent colors Robin Egg Blue #15c9c7 and Banana Mania #f5e4b9. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #424444 (darkest) to #F5E4B9 (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): #15C9C7, #1E6B6C, #424444, #746C8C, #D5B8A2, #F5E4B9
Palette Website design landingpage uidesign palette has combination of 6 codes colors:
HEX: #15c9c7, RGB: (21, 201, 199); HEX: #f5e4b9, RGB: (245, 228, 185); HEX: #1e6b6c, RGB: (30, 107, 108)
HEX: #746c8c, RGB: (116, 108, 140); HEX: #d5b8a2, RGB: (213, 184, 162); HEX: #424444, RGB: (66, 68, 68)
Simplified version of palette colors
Shade of darkturquoise, Tint of moccasin, Tint of Teal, Tint of slategrey, Shade of tan, Tint of darkslategrey
Color scheme was created by bad_colors
Colors codes in palette
Website design landingpage uidesign palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #15c9c7 | #15c9c7 | RGB(21, 201, 199) | Robin Egg Blue | — |
| #f5e4b9 | #f5e4b9 | RGB(245, 228, 185) | Banana Mania | — |
| #1e6b6c | #1e6b6c | RGB(30, 107, 108) | Myrtle Green | — |
| #746c8c | #746c8c | RGB(116, 108, 140) | Rhythm | — |
| #d5b8a2 | #d5b8a2 | RGB(213, 184, 162) | Dark Vanilla | — |
| #424444 | #424444 | RGB(66, 68, 68) | Arsenic | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#15c9c7 | #f5e4b9 | 1.63 |
#15c9c7 | #d5b8a2 | 1.09 |
#f5e4b9 | #d5b8a2 | 1.48 |
#1e6b6c | #746c8c | 1.26 |
#1e6b6c | #424444 | 1.57 |
#746c8c | #424444 | 1.99 |
Image palette Website design landingpage uidesign palette png
Export Palette
Download the "Website design landingpage uidesign palette" in multiple formats for seamless integration into your design projects.
Available formats: