Afterglow Plum Nomad
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 14.51: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 14.51:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Corbeau#110B1D
A very dark, muted black (Corbeau) that brings serious elegance. White text sits comfortably on it.
- ≈ Stormy Night#32234C
A dark, muted purple (Stormy Night) that brings a creative, premium air. White text sits comfortably on it.
- ≈ In the Vines#5B4287
A dark, moderately saturated purple (In the Vines) that brings imagination and polish. White text sits comfortably on it.
- ≈ Imperial Lilac#ACA2CE
A light, muted purple (Imperial Lilac) that brings quiet luxury. Dark text reads well on it.
- ≈ Scented Spring#E4DBFA
A very light, muted pink (Scented Spring) that brings a warm, expressive tone. Dark text reads well on it.
- ≈ Deviled Eggs#FEC073
A light, moderately saturated yellow (Deviled Eggs) that brings attention without aggression. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sapphire Saffron
Fig & Honey
Dusty Lavender
Royal Plum
Violet Amber
Rosewood Studio
Accessibility
- On white19.27:1Excellent 5/5
- On black15.81:1Excellent 5/5
- Color blind friendly98% 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 | #110B1D |
| Stormy Night | Surface | #32234C |
| In the Vines | Primary | #5B4287 |
| Imperial Lilac | Secondary | #ACA2CE |
| Scented Spring | Light | #E4DBFA |
| Deviled Eggs | Accent | #FEC073 |
CSS variables
:root {
--background: #110B1D;
--surface: #32234C;
--primary: #5B4287;
--secondary: #ACA2CE;
--light: #E4DBFA;
--accent: #FEC073;
}
Tailwind v4 (@theme)
@theme {
--color-background: #110B1D;
--color-surface: #32234C;
--color-primary: #5B4287;
--color-secondary: #ACA2CE;
--color-light: #E4DBFA;
--color-accent: #FEC073;
}