Dusty Spruce Harbor color palette — #F4F7EB · #7CA78C · #2C7159 · #055368 · #2E3B00
Forest and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F7EB): a clean, paper-quiet neutral.
- Jade (#7CA78C): A luminous, dusty teal — the color of glacier melt.
- Pine (#2C7159): A full-bodied, dusty teal — the color of sea glass.
- Peacock (#055368): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#2E3B00): A deep, shadowed, balanced green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Sophistication, Grounding. Tagged botanical, earthy, muted.
Use it as a design system
One click turns Dusty 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
- Washed Cypress Boulevard color palette (#F1F8EC, #A3B69B, #28837E, #375D7E, #3A4734)
- Pine Chapel color palette (#F7F7E0, #82B279, #2B7B45, #7B3E0E, #22441C)
- Muted Forest Orchard color palette (#E4E6D8, #6E977A, #006545, #5A3300, #003317)
- Hushed Pine color palette (#F8F2E0, #8DAA7D, #00784F, #523B64, #1E1E01)
- Patina Garnet color palette (#FAF5E8, #A59A78, #5E692F, #73343C, #37352F)
- Washed Harbor color palette (#E7FAF7, #9CDBAD, #63B38E, #648A9D, #113D3B)
- Washed Lagoon color palette (#E1E7D6, #328C6E, #005144, #003349, #002116)
- Cerulean Meadow color palette (#F4F6ED, #AACFBA, #2483A8, #005E68, #063F5C)
Browse the whole catalog at Explore, or see today's palette.