Loading...
Created at 10/17/2022 19:03
Main page promo interface ux colors palette
- Dark Terra Cotta#d44e64
- Parrot Pink#da9da8
- Indigo (Rainbow)#171666
- Rose Quartz Pink#b66094
- Pastel Blue#aec1d4
- Dark Lavender#654a8c
The palette consists of Light, Dark, Semi dark colors. Accent colors Dark Terra Cotta #d44e64 and Indigo (Rainbow) #171666. Palette has Warm, Cool, Neutral colors temperature.
By lightness, this palette runs from #171666 (darkest) to #AEC1D4 (lightest). The lightness range is moderate.
Saturation sits in a moderate mid-range.
Hues are spread broadly around the wheel — a varied palette (loose heuristic).
Overall temperature among swatches leans cool.
HEX codes (sorted): #171666, #654A8C, #AEC1D4, #B66094, #D44E64, #DA9DA8
Palette Main page promo interface ux colors palette has combination of 6 codes colors:
HEX: #d44e64, RGB: (212, 78, 100); HEX: #da9da8, RGB: (218, 157, 168); HEX: #171666, RGB: (23, 22, 102)
HEX: #b66094, RGB: (182, 96, 148); HEX: #aec1d4, RGB: (174, 193, 212); HEX: #654a8c, RGB: (101, 74, 140)
Simplified version of palette colors
Tint of indianred, Tint of lightpink, Tint of midnightblue, Tint of palevioletred, Tint of lightsteelblue, Shade of darkslateblue
Color scheme was created by colorswall
Colors codes in palette
Main page promo interface ux colors palette color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #d44e64 | #d44e64 | RGB(212, 78, 100) | Dark Terra Cotta | — |
| #da9da8 | #da9da8 | RGB(218, 157, 168) | Parrot Pink | — |
| #171666 | #171666 | RGB(23, 22, 102) | Indigo (Rainbow) | — |
| #b66094 | #b66094 | RGB(182, 96, 148) | Rose Quartz Pink | — |
| #aec1d4 | #aec1d4 | RGB(174, 193, 212) | Pastel Blue | — |
| #654a8c | #654a8c | RGB(101, 74, 140) | Dark Lavender | — |
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#d44e64 | #da9da8 | 1.84 |
#d44e64 | #b66094 | 1 |
#d44e64 | #654a8c | 1.74 |
#da9da8 | #b66094 | 1.84 |
#da9da8 | #aec1d4 | 1.21 |
#b66094 | #654a8c | 1.74 |
Image palette Main page promo interface ux colors palette png
Export Palette
Download the "Main page promo interface ux colors palette" in multiple formats for seamless integration into your design projects.
Available formats: