Dark mode notification ux design clean ui colours
- Han Blue#3f68d0
- Dark Sky Blue#82b9d6
- Indigo Dye#142c8c
- Dark Chestnut#a46859
- Blue Bell#a599c5
- Japanese Indigo#304840
Created at 03/21/2023 18:46
The palette consists of Semi dark, Light, Dark colors. Accent colors Indigo Dye #142c8c and Dark Chestnut #a46859. Palette has Cool, Warm colors temperature.
By lightness, this palette runs from #142C8C (darkest) to #82B9D6 (lightest). The lightness range is moderate.
Saturation is mixed — 2 muted and 2 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 (5 of 6).
HEX codes (sorted): #142C8C, #304840, #3F68D0, #82B9D6, #A46859, #A599C5
Palette Dark mode notification ux design clean ui colours combines 6 color codes:
HEX: #3f68d0, RGB: (63, 104, 208); HEX: #82b9d6, RGB: (130, 185, 214); HEX: #142c8c, RGB: (20, 44, 140)
HEX: #a46859, RGB: (164, 104, 89); HEX: #a599c5, RGB: (165, 153, 197); HEX: #304840, RGB: (48, 72, 64)
Simplified version of palette colors
Shade of Royal Blue, Shade of Sky Blue, Tint of Midnight Blue, Shade of Indian Red, Shade of Plum, Shade of Dark Slate Gray
Color scheme was created by hex
Color codes in palette
Dark mode notification ux design clean ui colours color codes HEX, RGB information in table
Color Palette Contrast
6 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#3f68d0 | #a46859 | 1.14 |
#3f68d0 | #a599c5 | 1.94 |
#3f68d0 | #304840 | 1.92 |
#82b9d6 | #a599c5 | 1.23 |
#142c8c | #304840 | 1.2 |
#a46859 | #a599c5 | 1.69 |
Image palette Dark mode notification ux design clean ui colours png
Export Palette
Download the "Dark mode notification ux design clean ui colours" in multiple formats for seamless integration into your design projects.
Available formats: