Spruce Coast color palette — #DBE6CC · #53565E · #003824 · #101F1D · #000605

Deep Forest takes the lead with Celadon Mist close behind in a set that reads as sophistication and depth at first glance.

The five colors

• Celadon Mist (#DBE6CC): A whisper-light, dusty green — the color of a quiet forest floor.
• Charcoal Brown (#53565E): quiet, heavy and certain.
• Deep Forest (#003824): A deep, shadowed, dusty teal — the color of sea glass.
• Onyx (#101F1D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000605): quiet, heavy and certain.

Feels like: 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

• Charred Cypress color palette (#DBEDE4, #006E5C, #003D3B, #001E20, #000B0F)
• Shadow Grove color palette (#DBF1DC, #005D60, #77002B, #002627, #130003)
• Smoked Aubergine color palette (#D2E5E7, #00484F, #56005C, #302100, #000203)
• Ancient Pier color palette (#F9EDFA, #5380B0, #483642, #2E252F, #111A1A)
• Nocturne Denim color palette (#DEF3EB, #006190, #07184D, #000F1B, #000203)
• Cypress Drift color palette (#D9F4DB, #0A8175, #004C57, #350A36, #23000B)
• Smoked Spruce color palette (#DBE5D7, #51525B, #00362F, #0C1F1F, #000506)
• Charred Spruce color palette (#E0E4CB, #545A61, #003909, #131F1C, #000603)

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