Misty Spruce color palette — #DBF0DE · #705200 · #174200 · #3E0023 · #230900

Built around Forest, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Honeydew (#DBF0DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Coffee (#705200): A full-bodied, balanced gold — the color of old brass.
• Forest (#174200): A deep, shadowed, balanced green — the color of new leaves after rain.
• Deep Indigo (#3E0023): A deep, shadowed, balanced rose — the color of pressed rose petals.
• Ink (#230900): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

Use it as a design system

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

• Worn Fern color palette (#D0F2EA, #346600, #00403C, #3A0F00, #171100)
• Twilit Basalt color palette (#CEEEDD, #4D4700, #22232B, #0D1100, #000402)
• Lowlit Onyx Grove color palette (#D3E4D2, #784E00, #004313, #150054, #090200)
• Powdered Olive Cabin color palette (#EEF4D4, #6B8B00, #395900, #133600, #001F19)
• Aubergine Balcony color palette (#F3E1D8, #BB4D2E, #006248, #41007D, #2A0002)
• Aged Amber Drift color palette (#D8E5DD, #C88A00, #917D00, #506300, #1A1900)
• Hushed Forest Courtyard color palette (#EBEFD2, #6D8B56, #326B41, #003E49, #15213F)
• Soft Pine color palette (#CCF1EC, #08861F, #005855, #003753, #2F2200)

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