Velvet Forest Meadow
A balanced palette of 6 colors drawing on black, green, gray, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 16.29:1, enough for body text.
About this palette
A balanced palette of 6 colors drawing on black, green, gray, with a wide lightness range, so it covers backgrounds, text and accents. Its lightest and darkest colors reach a contrast of 16.29:1, enough for body text. Open any color for its conversions, shades, harmonies and contrast.
Colors
- ≈ Memorial Black#031109
A very dark, neutral green (Memorial Black) that brings growth and calm. White text sits comfortably on it.
- ≈ Haunted Forest#012B18
A very dark, muted green (Haunted Forest) that brings growth and calm. White text sits comfortably on it.
- ≈ Pine#0F5C3B
A dark, moderately saturated green (Pine) that brings balance and health. White text sits comfortably on it.
- ≈ Catnip#7BAB8F
A light, muted green (Catnip) that brings balance and health. Dark text reads well on it.
- ≈ Whirlpool#AED8C0
A light, muted teal (Whirlpool) that brings clean, modern calm. Dark text reads well on it.
- ≈ Minty Fresh#DFF0E5
A very light, neutral teal (Minty Fresh) that brings a cool, trustworthy tone. Dark text reads well on it.
Tags
Psychology
Meaning
Applications
Similar palettes
Sage Linen
Jade Dynasty
Teal Smoke
Citrus Grove
Glacier Mint
Slate Harbor
Accessibility
- On white19.30:1Excellent 5/5
- On black17.73: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 |
|---|---|---|
| Memorial Black | Background | #031109 |
| Haunted Forest | Surface | #012B18 |
| Pine | Primary | #0F5C3B |
| Catnip | Secondary | #7BAB8F |
| Whirlpool | Light | #AED8C0 |
| Minty Fresh | Paper | #DFF0E5 |
CSS variables
:root {
--background: #031109;
--surface: #012B18;
--primary: #0F5C3B;
--secondary: #7BAB8F;
--light: #AED8C0;
--paper: #DFF0E5;
}
Tailwind v4 (@theme)
@theme {
--color-background: #031109;
--color-surface: #012B18;
--color-primary: #0F5C3B;
--color-secondary: #7BAB8F;
--color-light: #AED8C0;
--color-paper: #DFF0E5;
}