Spruce Harbor color palette — #F4E7F5 · #5EA09B · #006377 · #073F05 · #000A17

Forest and Peacock set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F4E7F5): A whisper-light, dusty pink — the color of a candy shop window.
• Eucalyptus (#5EA09B): A luminous, dusty teal — the color of sea glass.
• Peacock (#006377): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#073F05): A deep, shadowed, balanced green — the color of new leaves after rain.
• Ink (#000A17): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, 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

• Aged Hollow color palette (#F1E3EB, #669BAD, #005B9A, #003D30, #06002B)
• Teal Harbor color palette (#EFDDD8, #4FB5AE, #005F71, #052E02, #000103)
• Ancient Teal Harbor color palette (#D5E3D8, #4AB4AE, #00848F, #006044, #000B10)
• Worn Market color palette (#F5ECDF, #6D896A, #00454B, #002417, #000B10)
• Misty Atelier color palette (#EEDEE5, #79BBDC, #3771CE, #005A51, #1F124A)
• Patina Corridor color palette (#D7E3D7, #2D923E, #005A28, #001E06, #000300)
• Pale Cerulean color palette (#DDEACE, #3AB79C, #238DBF, #6A4500, #001003)
• Weathered Quarry color palette (#E5DDD1, #796F00, #425400, #003115, #000B08)

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