Spruce Harbor color palette — #F0E3F1 · #629F9D · #00627A · #003F0E · #000919

Forest takes the lead with Peacock close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F0E3F1): A whisper-light, dusty pink — the color of neon signs at night.
• Eucalyptus (#629F9D): A luminous, dusty teal — the color of sea glass.
• Peacock (#00627A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F0E): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000919): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Spruce Garden color palette (#F1E2DE, #68B1AE, #005E74, #002E06, #000104)
• Patina Petrol color palette (#F6E7F6, #4EB3BA, #007095, #004D27, #001133)
• Linen Denim Grove color palette (#EED9E2, #5C9BBE, #2A52A8, #003C38, #0C0026)
• Weathered Lagoon Chapel color palette (#EBE5DD, #4C8D8B, #00454D, #002318, #000B11)
• Cobalt Delta color palette (#F1E0E7, #7DBADE, #4C71C0, #005A54, #221148)
• Plum Balcony color palette (#EBDBED, #BC214A, #00656B, #6D0024, #000809)
• Hushed Cobalt Studio color palette (#F8E9F3, #93D0DE, #398DC8, #006F51, #202A54)
• Aged Delta color palette (#D6E9D8, #717424, #5A4000, #3E1700, #000500)

Browse the whole catalog at Explore, or see today's palette.