Worn Spruce Harbor color palette — #F6F6E9 · #93C1A1 · #4C8F7B · #805754 · #303B00
A conversation between Forest and Fern, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Mint Leaf (#93C1A1): A luminous, dusty teal — the color of shallow lagoons.
- Fern (#4C8F7B): A full-bodied, dusty teal — the color of shallow lagoons.
- Coffee (#805754): A full-bodied, dusty orange — the color of sun-warmed clay.
- Forest (#303B00): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Worn 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
- Driftwood Balcony color palette (#FBF4E9, #B9B787, #76894F, #7E5664, #38352F)
- Hushed Corridor color palette (#EAF9F5, #AFDDBD, #399E83, #7F5566, #0F2D2C)
- Misty Pine color palette (#F5EBCC, #91BB53, #258E38, #8E4128, #223500)
- Hushed Olive Alley color palette (#EFE3D1, #B1A75A, #6A7A2E, #66522B, #342700)
- Basalt Thicket color palette (#FFF3E3, #C9EFBF, #A9C8A1, #A57657, #553E00)
- Aged Basalt Terrace color palette (#F7F6EA, #94A17C, #00726F, #663763, #343630)
- Timeworn Pier color palette (#F7F6EA, #D1D4B9, #96A17F, #A86E41, #4F5100)
- Aged Teal color palette (#ECF9F3, #A0DAAD, #00B8AB, #A17294, #193C3A)
Browse the whole catalog at Explore, or see today's palette.