Charred Spruce color palette — #D6E8E7 · #3E3F47 · #00331D · #101419 · #000302

Deep Forest and Frost set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#D6E8E7): bright and airy, almost weightless.
• Charcoal (#3E3F47): a grounded near-black with real depth.
• Deep Forest (#00331D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#101419): a grounded near-black with real depth.
• Black (#000302): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Charred 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

• Weathered Balcony color palette (#E1F0E4, #428681, #00444A, #002015, #000202)
• Abyss Garden color palette (#D1EDFF, #5D5458, #003C4E, #211A20, #000713)
• Twilit Garnet Hollow color palette (#CCEFF9, #005857, #74001C, #002424, #040000)
• Lowlit Alley color palette (#D1E8DE, #3C6511, #003414, #141600, #000200)
• Velvet Aubergine color palette (#C8EBED, #004448, #50005D, #2F1F00, #000202)
• Moonless Parlor color palette (#D8EEFF, #00628C, #29232A, #041B47, #000911)
• Midnight Spruce color palette (#D0E8EB, #3F3F46, #003229, #111319, #000303)
• Velvet Boulevard color palette (#CAEEE8, #3C3F47, #073401, #0F1419, #000302)

Browse the whole catalog at Explore, or see today's palette.