Website design landingpage uidesign palette
- Robin Egg Blue#15c9c7
- Banana Mania#f5e4b9
- Myrtle Green#1e6b6c
- Rhythm#746c8c
- Dark Vanilla#d5b8a2
- Arsenic#424444
Created at 12/30/2022 14:58
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 moderate.
Saturation is mixed — 2 muted and 3 vivid out of 6 colors.
Some colors sit roughly opposite each other on the color wheel, giving the palette complementary contrast.
Overall temperature among swatches leans cool (3 of 6).
HEX codes (sorted): #15C9C7, #1E6B6C, #424444, #746C8C, #D5B8A2, #F5E4B9
Palette Website design landingpage uidesign palette combines 6 color codes:
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
Tint of Dark Turquoise, Shade of Moccasin, Shade of Teal, Shade of Slate Gray, Tint of Tan, Shade of Dark Slate Gray
Color scheme was created by bad_colors
Color 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: