Midnight Spruce color palette — #C1E9D9 · #004A6A · #00421C · #00202E · #00050B
Forest takes the lead with Navy close behind in a set that reads as nature and growth at first glance.
The five colors
- Celadon Mist (#C1E9D9): A whisper-light, dusty teal — the color of shallow lagoons.
- Navy (#004A6A): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
- Forest (#00421C): A deep, shadowed, balanced teal — the color of glacier melt.
- Midnight (#00202E): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#00050B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged dark, muted, cool.
Use it as a design system
One click turns Midnight Spruce into a complete token system: semantic roles from primary to success, an 11-stop OKLCH scale per role, a WCAG AA/AAA and APCA contrast matrix, an auto-derived dark mode and 11 export formats including CSS custom properties, Tailwind, Figma Variables and shadcn/ui.
Similar palettes
- Velvet Abyss color palette (#D6E8E0, #004B66, #4D2E00, #002221, #00050A)
- Moonless Aubergine Harbor color palette (#EFDDE2, #670087, #2A3D00, #00202D, #0A0011)
- Moonless Ridge color palette (#EEDCDC, #7A0058, #004129, #11005E, #0E0008)
- Washed Byzantium Market color palette (#FBE2E7, #9500B2, #525800, #004033, #0B0010)
- Washed Mulberry color palette (#FFEBE7, #970047, #00437E, #002950, #21000A)
- Gentle Meadow color palette (#FFD9E5, #9000DA, #585E00, #004458, #29133A)
- Quiet Grape color palette (#F0D6DD, #8832AC, #006154, #54066F, #2C101A)
- Feathered Corridor color palette (#FEEBDB, #A95700, #007259, #00513F, #342211)
Browse the whole catalog at Explore, or see today's palette.