Spruce Pier color palette — #F3E7E3 · #649E9D · #00627B · #003F10 · #000919

A conversation between Forest and Peacock, giving this palette its sense of nature and growth.

The five colors

• Rose Water (#F3E7E3): bright and airy, almost weightless.
• Eucalyptus (#649E9D): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00627B): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F10): A deep, shadowed, balanced green — the color of a quiet forest floor.
• 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 Pier 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

• Denim Coast color palette (#F5E5DC, #5B9DB4, #0059A2, #003D32, #07002A)
• Antique Teal color palette (#EFE6EF, #22B9B3, #005E73, #022E04, #000104)
• Lagoon Loft color palette (#E5EEE7, #3A908E, #00454D, #002318, #000B11)
• Ancient Teal Grove color palette (#EDE5D8, #21B6B4, #008391, #006047, #000B11)
• Hazy Violet color palette (#DCF1D8, #5FA5D5, #8D65CD, #006027, #00141B)
• Mulberry Loft color palette (#D1E6D5, #007780, #A40042, #004046, #130003)
• Misty Sapphire Ridge color palette (#EADED4, #8AB8D4, #446FCF, #005A54, #240A4F)
• Cobalt Chapel color palette (#F5ECE8, #A9CFB7, #338DCD, #006F52, #1F285B)

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