Moonlit Violet Island
A cool palette of 6 colors drawing on black, purple, yellow, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 14.72:1, enough for body text.
About this palette
A cool palette of 6 colors drawing on black, purple, yellow, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 14.72:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Corbeau#0F1021
A very dark, neutral black (Corbeau) that brings depth and formality. White text sits comfortably on it.
- ≈ Space Cadet#282A49
A dark, muted blue (Space Cadet) that brings quiet confidence. White text sits comfortably on it.
- ≈ Twilight#4F538F
A medium, moderately saturated purple (Twilight) that brings quiet luxury. White text sits comfortably on it.
- ≈ Imperial Lilac#A2A2C6
A light, muted purple (Imperial Lilac) that brings imagination and polish. Dark text reads well on it.
- ≈ Frozen Periwinkle#CBD0F1
A very light, muted blue (Frozen Periwinkle) that brings quiet confidence. Dark text reads well on it.
- ≈ Pasta#FFE0A2
A very light, moderately saturated beige (Pasta) that brings soft, quiet warmth. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Dusty Lavender
Nordic Sky
Deep Ocean
Slate Harbor
Indigo Rose
Fig & Honey
Accessibility
- On white18.81:1Excellent 5/5
- On black16.43: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 | #0F1021 |
| Space Cadet | Surface | #282A49 |
| Twilight | Primary | #4F538F |
| Imperial Lilac | Secondary | #A2A2C6 |
| Frozen Periwinkle | Light | #CBD0F1 |
| Pasta | Accent | #FFE0A2 |
CSS variables
:root {
--background: #0F1021;
--surface: #282A49;
--primary: #4F538F;
--secondary: #A2A2C6;
--light: #CBD0F1;
--accent: #FFE0A2;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0F1021;
--color-surface: #282A49;
--color-primary: #4F538F;
--color-secondary: #A2A2C6;
--color-light: #CBD0F1;
--color-accent: #FFE0A2;
}