Spruce Pier color palette — #DDEDE8 · #8C9E9D · #5D767B · #203100 · #000C09
A conversation between Deep Forest and Slate, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DDEDE8): a clean, paper-quiet neutral.
- Blue Fog (#8C9E9D): A luminous, dusty teal — the color of sea glass.
- Slate (#5D767B): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#203100): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#000C09): 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 Pier 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
- Abyss Lagoon color palette (#DCECF0, #9CACB5, #6A829B, #00413F, #03171C)
- Worn Olive color palette (#EAEAE3, #8D8F84, #627330, #183200, #010100)
- Onyx Villa color palette (#EAF4D3, #48775D, #004857, #3C0B0C, #180700)
- Muted Forest color palette (#E7F1F0, #BDD0D3, #8EA5AE, #00672C, #1C3331)
- Misty Pine Study color palette (#D1F3F0, #857D00, #007D27, #004856, #000201)
- Obsidian Fern Archive color palette (#F3E1D6, #355500, #002A28, #1E0019, #000501)
- Lagoon Market color palette (#EEF7F9, #D5DBE4, #BBBFD0, #328478, #3D4A4D)
- Eclipse Onyx color palette (#D3EFE8, #284700, #001750, #201A08, #19000A)
Browse the whole catalog at Explore, or see today's palette.