Charred Spruce Harbor color palette — #D1E7CB · #3A4048 · #124200 · #10161A · #000907

Forest and Celadon Mist set the tone — five colors that lean into nature and growth.

The five colors

• Celadon Mist (#D1E7CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal (#3A4048): a grounded near-black with real depth.
• Forest (#124200): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#10161A): a grounded near-black with real depth.
• Ink (#000907): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

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

• Deep Abyss Basin color palette (#D2E6E3, #575359, #003F3B, #1D1A20, #00070F)
• Eclipse Atelier color palette (#E8EAD9, #186404, #394548, #001E18, #020300)
• Midnight Terrace color palette (#D1EDD2, #656F00, #00421A, #2B1B00, #030300)
• Hushed Lagoon color palette (#E1F1F1, #1A9A6B, #2B3F47, #132121, #070E0C)
• Aged Dune color palette (#D1E3EF, #0081A6, #253049, #0C171F, #020709)
• Ancient Mulberry color palette (#C4ECDE, #006B54, #890040, #003226, #0A0002)
• Hushed Pine Field color palette (#F4EDD4, #3E7442, #004E5A, #360C25, #19000E)
• Nocturne Boulevard color palette (#D6F5EA, #005744, #78001F, #461B00, #000201)

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