Hushed Spruce Harbor color palette — #F5F7E2 · #6DAA8B · #207163 · #365432 · #2C3C00
Built around Forest, softened by Teal — the whole palette hums with nature and growth.
The five colors
- Cream (#F5F7E2): A whisper-light, dusty green — the color of new leaves after rain.
- Jade (#6DAA8B): A luminous, dusty teal — the color of glacier melt.
- Teal (#207163): A full-bodied, dusty teal — the color of glacier melt.
- Deep Olive (#365432): A full-bodied, dusty green — the color of fresh herbs.
- Forest (#2C3C00): A deep, shadowed, balanced green — the color of new leaves after rain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Hushed Spruce Harbor 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
- Fern Coast color palette (#F7F6E8, #9A9F75, #387055, #554C00, #35362F)
- Tempered Moss color palette (#F3ECCA, #6EA34F, #006D37, #004E48, #183700)
- Softworn Driftwood color palette (#F7F6E9, #BFC5A3, #728B4A, #576C58, #4B5301)
- Hushed Lagoon color palette (#E6FBF4, #88C0C1, #189293, #5B6A3A, #083D3F)
- Tempered Lilac color palette (#DAFFEF, #D1E4FF, #A1A2E0, #247D87, #1E493E)
- Misty Teal color palette (#CCF0EC, #00A7B1, #007486, #00506A, #00395B)
- Frosted Rust color palette (#DDF5E8, #009DC1, #B8583C, #006078, #592211)
- Bronze Villa color palette (#FBECD5, #877B1A, #3E4B00, #003919, #1F1B00)
Browse the whole catalog at Explore, or see today's palette.