Ui health dashboard ux colors
- Celtic Blue#316ecd
- Peach-Orange#fcc49c
- Maastricht Blue#0d1d36
- Light Taupe#af8267
- Philippine Silver#b8b6b2
- Black#303e55
Created at 10/03/2022 21:02
The palette consists of Semi dark, Light, Dark colors. Accent colors Celtic Blue #316ecd and Peach-Orange #fcc49c. Palette has Cool, Warm, Neutral colors temperature.
By lightness, this palette runs from #0D1D36 (darkest) to #FCC49C (lightest). The lightness range is wide.
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): #0D1D36, #303E55, #316ECD, #AF8267, #B8B6B2, #FCC49C
Palette Ui health dashboard ux colors combines 6 color codes:
HEX: #316ecd, RGB: (49, 110, 205); HEX: #fcc49c, RGB: (252, 196, 156); HEX: #0d1d36, RGB: (13, 29, 54)
HEX: #af8267, RGB: (175, 130, 103); HEX: #b8b6b2, RGB: (184, 182, 178); HEX: #303e55, RGB: (48, 62, 85)
Simplified version of palette colors
Shade of royalblue, Shade of peachpuff, Shade of midnightblue, Shade of peru, Shade of Silver, Shade of darkslateblue
Color scheme was created by colorswall
Color codes in palette
Ui health dashboard ux colors color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
|---|---|---|---|---|
| #316ecd | #316ecd | RGB(49, 110, 205) | Celtic Blue | — |
| #fcc49c | #fcc49c | RGB(252, 196, 156) | Peach-Orange | — |
| #0d1d36 | #0d1d36 | RGB(13, 29, 54) | Maastricht Blue | — |
| #af8267 | #af8267 | RGB(175, 130, 103) | Light Taupe | — |
| #b8b6b2 | #b8b6b2 | RGB(184, 182, 178) | Philippine Silver | — |
| #303e55 | #303e55 | RGB(48, 62, 85) | Black | Winter Sea |
Color Palette Contrast
4 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
|---|---|---|
#316ecd | #af8267 | 1.46 |
#fcc49c | #b8b6b2 | 1.3 |
#0d1d36 | #303e55 | 1.56 |
#af8267 | #b8b6b2 | 1.66 |
Image palette Ui health dashboard ux colors png
Export Palette
Download the "Ui health dashboard ux colors" in multiple formats for seamless integration into your design projects.
Available formats: