Spruce Coast color palette — #DEE5C6 · #555961 · #003915 · #121F1C · #000603

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

The five colors

• Celadon Mist (#DEE5C6): A whisper-light, dusty green — the color of new leaves after rain.
• Charcoal Brown (#555961): quiet, heavy and certain.
• Deep Forest (#003915): A deep, shadowed, balanced green — the color of fresh herbs.
• Onyx (#121F1C): a grounded near-black with real depth.
• Ink (#000603): 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 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

• Twilit Cypress Hollow color palette (#DDE6DA, #007368, #112D15, #0C1708, #010503)
• Eclipse Summit color palette (#D3EAF1, #5C5259, #00414D, #15161D, #000A11)
• Nocturne Abyss color palette (#D9E5D4, #005F54, #513A00, #002722, #0A0500)
• Charred Navy color palette (#CEE4E2, #004948, #002F6F, #1C2900, #000202)
• Muted Hollow color palette (#E5F7F0, #3D84B0, #443745, #1D2C27, #0F1717)
• Onyx Thicket color palette (#DCEDE9, #307475, #00434F, #1C194D, #210022)
• Inked Workshop color palette (#E4E4CB, #655F66, #1D3600, #131D19, #000601)
• Lowlit Atelier color palette (#E6EEDE, #54565F, #003728, #101F1E, #000604)

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