Radiant Peony Summit
A warm palette of 6 colors drawing on black, pink, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 15.97:1, enough for body text.
About this palette
A warm palette of 6 colors drawing on black, pink, beige, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 15.97:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Shot in the Dark#1E0B17
A very dark, muted pink (Shot in the Dark) that brings gentle playfulness. White text sits comfortably on it.
- ≈ Nightly Voyager#36132A
A very dark, muted pink (Nightly Voyager) that brings softness and care. White text sits comfortably on it.
- ≈ Pleasure#7A3B63
A dark, moderately saturated red (Pleasure) that brings warmth and energy. White text sits comfortably on it.
- ≈ Amorous#A47D96
A medium, muted pink (Amorous) that brings softness and care. Dark text reads well on it.
- ≈ Jakarta#EEDEC6
A very light, muted beige (Jakarta) that brings soft, quiet warmth. Dark text reads well on it.
- ≈ Pita#F7EBD7
A very light, neutral gray (Pita) that brings calm restraint. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Fig & Honey
Wine Cellar
Rosewood Studio
Terracotta Clay
Dusty Lavender
Nordic Sky
Accessibility
- On white18.82:1Excellent 5/5
- On black17.81:1Excellent 5/5
- Color blind friendly100% 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 |
|---|---|---|
| Shot in the Dark | Background | #1E0B17 |
| Nightly Voyager | Surface | #36132A |
| Pleasure | Primary | #7A3B63 |
| Amorous | Secondary | #A47D96 |
| Jakarta | Light | #EEDEC6 |
| Pita | Paper | #F7EBD7 |
CSS variables
:root {
--background: #1E0B17;
--surface: #36132A;
--primary: #7A3B63;
--secondary: #A47D96;
--light: #EEDEC6;
--paper: #F7EBD7;
}
Tailwind v4 (@theme)
@theme {
--color-background: #1E0B17;
--color-surface: #36132A;
--color-primary: #7A3B63;
--color-secondary: #A47D96;
--color-light: #EEDEC6;
--color-paper: #F7EBD7;
}