Muted Spruce color palette — #F3E7F5 · #4C8D8A · #004454 · #012503 · #000A18
A conversation between Deep Forest and Storm Blue, giving this palette its sense of nature and growth.
The five colors
- Blush (#F3E7F5): A whisper-light, dusty pink — the color of peonies in June.
- Storm Blue (#4C8D8A): A full-bodied, dusty teal — the color of glacier melt.
- Deep Teal (#004454): A deep, shadowed, dusty blue — the color of open sky before noon.
- Deep Forest (#012503): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Muted 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
- Wandering Lagoon color palette (#EAE1EA, #2BA2A5, #00516A, #003213, #00132F)
- Worn Corridor color palette (#E9DAE1, #5288A4, #00338C, #00231F, #0B0027)
- Lagoon Hollow color palette (#D0F7E9, #17A182, #007BA3, #473300, #001613)
- Forest Station color palette (#F0DED4, #70ADAA, #008297, #006137, #000B14)
- Soft Alley color palette (#EFE0E6, #74A6C3, #194CBB, #003E3A, #211640)
- Chestnut Lantern color palette (#FAEDDA, #706300, #2C3D00, #001E11, #00090B)
- Velvet Pine color palette (#CFEBD7, #007444, #003A11, #171E26, #000C01)
- Aubergine Ridge color palette (#DAF3F0, #006323, #54008E, #00290A, #0B0019)
Browse the whole catalog at Explore, or see today's palette.