Velvet Plum Harbor
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 15.06: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 15.06:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Dark Rift#0C0612
A very dark, neutral black (Dark Rift) that brings depth and formality. White text sits comfortably on it.
- ≈ Black Market#2A1C3B
A very dark, muted purple (Black Market) that brings quiet luxury. White text sits comfortably on it.
- ≈ Perkin Mauve#6C4C91
A medium, moderately saturated purple (Perkin Mauve) that brings a creative, premium air. White text sits comfortably on it.
- ≈ Magic Carpet#9382B8
A medium, moderately saturated purple (Magic Carpet) that brings a creative, premium air. Dark text reads well on it.
- ≈ Cameo#EFDEBA
A very light, muted beige (Cameo) that brings soft, quiet warmth. Dark text reads well on it.
- ≈ Romesco#E98A03
A light, vivid orange (Romesco) that brings friendly optimism. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Violet Amber
Sapphire Saffron
Fig & Honey
Electric Orchid
Rose Quartz Night
Indigo Rose
Accessibility
- On white19.99:1Excellent 5/5
- On black15.82: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 |
|---|---|---|
| Dark Rift | Background | #0C0612 |
| Black Market | Surface | #2A1C3B |
| Perkin Mauve | Primary | #6C4C91 |
| Magic Carpet | Secondary | #9382B8 |
| Cameo | Light | #EFDEBA |
| Romesco | Accent | #E98A03 |
CSS variables
:root {
--background: #0C0612;
--surface: #2A1C3B;
--primary: #6C4C91;
--secondary: #9382B8;
--light: #EFDEBA;
--accent: #E98A03;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0C0612;
--color-surface: #2A1C3B;
--color-primary: #6C4C91;
--color-secondary: #9382B8;
--color-light: #EFDEBA;
--color-accent: #E98A03;
}