Spruce Basin color palette — #F6E8E5 · #57A19E · #006279 · #003F0C · #000919

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

The five colors

• Rose Water (#F6E8E5): bright and airy, almost weightless.
• Eucalyptus (#57A19E): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#006279): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#003F0C): 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, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Spruce Basin 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

• Worn Loft color palette (#EEDDD8, #62B1B3, #007092, #004E22, #00132F)
• Antique Pier color palette (#F4E9F6, #54B4AF, #005F73, #022E04, #000104)
• Denim Pier color palette (#F5EBE6, #5B9DB5, #0759A0, #003D32, #07002A)
• Tempered Lagoon color palette (#E7F0E8, #4D8D8A, #00454C, #002317, #000B10)
• Sapphire Loft color palette (#F6EAE0, #84B9D8, #386EDA, #005A53, #220F4C)
• Misty Summit color palette (#F1DFD9, #AC3F40, #00665F, #6E0011, #000807)
• Worn Cocoa color palette (#F5E7D3, #72733B, #5B4000, #3F1600, #010500)
• Airy Cobalt color palette (#F9EBE5, #A5D0B5, #2D8DD0, #006F53, #202958)

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