Spruce Coast color palette — #E4EFEC · #7FA29E · #577779 · #213100 · #010C09
A conversation between Deep Forest and Blue Fog, giving this palette its sense of nature and growth.
The five colors
- Cream (#E4EFEC): a clean, paper-quiet neutral.
- Blue Fog (#7FA29E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#577779): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#213100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#010C09): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
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
- Ancient Abyss color palette (#DAECF1, #90AFBD, #63849B, #004140, #06161B)
- Antique Fern color palette (#EFEEE2, #A3A799, #7C8C76, #3B4D00, #0C0900)
- Tempered Forest Balcony color palette (#E4F2F0, #B8D2D4, #87A7AE, #1A6530, #233130)
- Misty Fern color palette (#CCE7E5, #798000, #0D6E14, #004240, #000703)
- Patina Cypress color palette (#D4E7D0, #00795B, #00474F, #351436, #2F0014)
- Deep Spruce color palette (#D5EEDC, #454850, #00381C, #161B21, #000604)
- Smoked Canyon color palette (#D1EDD6, #2D5700, #002B22, #160029, #000501)
- Tempered Spruce color palette (#DAE5E3, #889FA0, #4D7981, #003608, #000C0B)
Browse the whole catalog at Explore, or see today's palette.