Spruce Pier color palette — #DDEBE7 · #7C9391 · #4A7376 · #1D3000 · #000201
Built around Deep Forest, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Honeydew (#DDEBE7): bright and airy, almost weightless.
- Eucalyptus (#7C9391): A luminous, dusty teal — the color of sea glass.
- Teal (#4A7376): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#1D3000): A deep, shadowed, dusty green — the color of new leaves after rain.
- Black (#000201): quiet, heavy and certain.
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 Balcony color palette (#DFEBEF, #8EA4AF, #657F94, #003F40, #000508)
- Washed Courtyard color palette (#DCEBE5, #A7C1C0, #7299A5, #354200, #000201)
- Fern Hollow color palette (#ECECE1, #A3A795, #7C8D6C, #324F00, #0B0A00)
- Dusty Forest Market color palette (#E1ECEB, #BCD0D2, #92A8AE, #25633A, #061A19)
- Washed Drift color palette (#D9EBE9, #787E00, #00793C, #004E4C, #000201)
- Cypress Harbor color palette (#E1F0E0, #006E57, #004148, #2D042E, #0F0004)
- Moonless Fern color palette (#CBE5DA, #446327, #003413, #141500, #010200)
- Lagoon Boulevard color palette (#EBF4F6, #D1D8E1, #B6BCCA, #2C857B, #202F32)
Browse the whole catalog at Explore, or see today's palette.