Spruce Ridge color palette — #F0E9F0 · #79A7B3 · #006178 · #00420D · #00203E
A conversation between Forest and Peacock, giving this palette its sense of nature and growth.
The five colors
- Blush (#F0E9F0): a clean, paper-quiet neutral.
- Blue Fog (#79A7B3): A luminous, dusty blue — the color of a favorite pair of jeans.
- Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00420D): A deep, shadowed, balanced green — the color of a quiet forest floor.
- Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Spruce Ridge 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
- Weathered Denim color palette (#F6E9F0, #6BA8C1, #0056A5, #003F35, #1B1549)
- Tempered Grove color palette (#F0E8DD, #4DAEAB, #00646F, #003B2B, #000D13)
- Muted Petrol color palette (#DBE9DE, #61C4C1, #008492, #005C44, #00242F)
- Dusty Sapphire color palette (#FFF0F8, #80C2DD, #006CCE, #00574A, #2D236F)
- Aged Thicket color palette (#F0E3E7, #5985AD, #2A2790, #002224, #100021)
- Tempered Pine color palette (#F5E4DF, #7ED1CE, #00A2C6, #377F3E, #00203E)
- Pine Delta color palette (#FAF2F9, #C5E2ED, #4894B9, #157447, #33486B)
- Aged Olive color palette (#E1F3E9, #618149, #4D4700, #3A2200, #001C0F)
Browse the whole catalog at Explore, or see today's palette.