Spruce Harbor color palette — #F1EFE0 · #588665 · #005145 · #273400 · #00220D
Deep Forest and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Cream (#F1EFE0): bright and airy, almost weightless.
- Fern (#588665): A full-bodied, dusty teal — the color of sea glass.
- Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Forest (#273400): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#00220D): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns 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
- Antique Forest color palette (#EDE5D4, #708342, #005420, #003636, #161E00)
- Forest Station color palette (#E8E5D3, #6A9975, #006354, #004558, #262D06)
- Antique Lagoon Archive color palette (#D2F2E3, #009587, #00545B, #003041, #0F1430)
- Obsidian Fern color palette (#E9E2D1, #4F6633, #00351A, #001B1D, #030700)
- Cypress Ridge color palette (#FAF5E2, #88B080, #007C5B, #005B69, #264321)
- Jade Basin color palette (#DFF4ED, #6CBB83, #00937F, #5B6B35, #00220C)
- Denim Delta color palette (#FEF3EA, #AD996A, #62682F, #314A77, #39352F)
- Frosted Terracotta Chapel color palette (#D2E8D9, #007B8D, #A02500, #00414B, #370700)
Browse the whole catalog at Explore, or see today's palette.