Spruce Coast color palette — #F2F7ED · #D1BD9D · #346A58 · #294100 · #1B2921
A conversation between Deep Olive and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F2F7ED): a clean, paper-quiet neutral.
- Sand (#D1BD9D): A luminous, dusty gold — the color of old brass.
- Pine (#346A58): A full-bodied, dusty teal — the color of sea glass.
- Deep Olive (#294100): A deep, shadowed, balanced green — the color of new leaves after rain.
- Onyx (#1B2921): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, muted.
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
- Wandering Alley color palette (#F2F7F0, #B1C8AA, #4584AF, #007F72, #1E332C)
- Tempered Sand color palette (#EDF8F8, #F8DA9C, #78AB98, #507477, #222E2F)
- Wandering Garden color palette (#EAFAF3, #C1AC81, #03587C, #003249, #15261F)
- Softworn Lagoon Field color palette (#EEF7F9, #E8C4E2, #458B84, #27555E, #212E31)
- Softworn Bronze color palette (#D4E5DC, #977524, #48414B, #002C39, #000B11)
- Patina Terracotta color palette (#FDF4E6, #70B4C1, #527AA5, #874141, #334F42)
- Wandering Terracotta Bloom color palette (#F1F8EC, #52A18E, #996D98, #91453F, #374032)
- Chalky Canyon color palette (#E0FFE0, #9FC6AE, #4C90B9, #295B9C, #394286)
Browse the whole catalog at Explore, or see today's palette.