Spruce Coast color palette — #CCE6D7 · #3D464F · #342E00 · #0F1A1E · #040500

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

The five colors

• Celadon Mist (#CCE6D7): A whisper-light, dusty teal — the color of glacier melt.
• Charcoal (#3D464F): quiet, heavy and certain.
• Espresso (#342E00): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#0F1A1E): a grounded near-black with real depth.
• Ink (#040500): A deep, shadowed, dusty green — the color of fresh herbs.

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

Use it as a design system

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

• Onyx Orchard color palette (#FBDDEB, #41483F, #4A2100, #25140A, #080300)
• Dusty Lagoon color palette (#D3E4E0, #508D89, #004648, #00231C, #000C0E)
• Tempered Abyss Study color palette (#D6F7E9, #5C575E, #004431, #1E1C24, #000B09)
• Fern Coast color palette (#E2E7C5, #506500, #223900, #091F00, #000B00)
• Charred Garnet color palette (#D7EAE5, #3B5D00, #741600, #152600, #120100)
• Aged Boulevard color palette (#EDEFDF, #58763B, #0E491D, #002830, #00151F)
• Spruce Alley color palette (#D0E6DE, #3F454E, #2A3200, #11191E, #020600)
• Deep Onyx color palette (#CCE8D0, #584B4F, #3D2A00, #0A1A1D, #060400)

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