Smoked Amethyst Canyon
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 12.36: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 12.36:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Corbeau#0D0F20
A very dark, muted black (Corbeau) that brings serious elegance. White text sits comfortably on it.
- ≈ Fly-by-Night#181846
A very dark, moderately saturated purple (Fly-by-Night) that brings a creative, premium air. White text sits comfortably on it.
- ≈ Blueberry#454892
A dark, moderately saturated purple (Blueberry) that brings quiet luxury. White text sits comfortably on it.
- ≈ Old World#9AA6CA
A light, muted blue (Old World) that brings quiet confidence. Dark text reads well on it.
- ≈ Frozen Periwinkle#CBCFEC
A very light, muted blue (Frozen Periwinkle) that brings open, airy calm. Dark text reads well on it.
- ≈ Wax#E7B645
A light, moderately saturated yellow (Wax) that brings light and cheer. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sapphire Saffron
Violet Amber
Fig & Honey
Dusty Lavender
Nordic Sky
Slate Harbor
Accessibility
- On white18.98:1Excellent 5/5
- On black13.67: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 | #0D0F20 |
| Fly-by-Night | Surface | #181846 |
| Blueberry | Primary | #454892 |
| Old World | Secondary | #9AA6CA |
| Frozen Periwinkle | Light | #CBCFEC |
| Wax | Accent | #E7B645 |
CSS variables
:root {
--background: #0D0F20;
--surface: #181846;
--primary: #454892;
--secondary: #9AA6CA;
--light: #CBCFEC;
--accent: #E7B645;
}
Tailwind v4 (@theme)
@theme {
--color-background: #0D0F20;
--color-surface: #181846;
--color-primary: #454892;
--color-secondary: #9AA6CA;
--color-light: #CBCFEC;
--color-accent: #E7B645;
}