Regal Violet Inlet
A cool palette of 6 colors drawing on black, purple, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 16.25:1, enough for body text.
About this palette
A cool palette of 6 colors drawing on black, purple, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 16.25:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Corbeau#0E101E
A very dark, neutral black (Corbeau) that brings depth and formality. White text sits comfortably on it.
- ≈ Space Cadet#21264A
A dark, muted blue (Space Cadet) that brings open, airy calm. White text sits comfortably on it.
- ≈ Dusk#4B5384
A medium, moderately saturated purple (Dusk) that brings imagination and polish. White text sits comfortably on it.
- ≈ Aster#8182AE
A medium, muted purple (Aster) that brings imagination and polish. Dark text reads well on it.
- ≈ Malt#DFCCB1
A very light, muted gray (Malt) that brings neutral balance. Dark text reads well on it.
- ≈ Salt#F4EDE3
A very light, neutral gray (Salt) that brings calm restraint. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Nordic Sky
Dusty Lavender
Fig & Honey
Slate Harbor
Sapphire Saffron
Rosewood Studio
Accessibility
- On white18.89:1Excellent 5/5
- On black18.06:1Excellent 5/5
- Color blind friendly99% similarExcellent 5/5
Contrast is the best any color in the palette reaches on a plain white or black background. Color blind friendly shows how much of the difference between the colors is kept under the common kinds of color blindness.
Colors and suggested roles
| Color | Role | HEX |
|---|---|---|
| Corbeau | Background | #0E101E |
| Space Cadet | Surface | #21264A |
| Dusk | Primary | #4B5384 |
| Aster | Secondary | #8182AE |
| Malt | Light | #DFCCB1 |
| Salt | Paper | #F4EDE3 |
CSS variables
:root {
--background: #0E101E;
--surface: #21264A;
--primary: #4B5384;
--secondary: #8182AE;
--light: #DFCCB1;
--paper: #F4EDE3;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0E101E;
--color-surface: #21264A;
--color-primary: #4B5384;
--color-secondary: #8182AE;
--color-light: #DFCCB1;
--color-paper: #F4EDE3;
}