Spruce Garden color palette — #EEE3EF · #5DAEAB · #006178 · #00420C · #00203D

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

The five colors

• Blush (#EEE3EF): bright and airy, almost weightless.
• Turquoise (#5DAEAB): A luminous, dusty teal — the color of sea glass.
• Peacock (#006178): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#00420C): A deep, shadowed, balanced green — the color of fresh herbs.
• Midnight (#00203D): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

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

• Antique Denim color palette (#F7E4F1, #429DB0, #004E79, #003122, #080B3B)
• Powdered Petrol color palette (#F8EAF4, #5EC2D3, #0070A3, #005237, #1F2C4F)
• Wandering Cypress color palette (#E0E0D4, #87A686, #00656A, #003A32, #000D11)
• Antique Lagoon Workshop color palette (#D2E5E0, #77C0BD, #00858B, #005A4D, #00242A)
• Nightshade Veranda color palette (#ECDCE2, #65A6D3, #334DAB, #003E3D, #24153E)
• Softworn Pier color palette (#ECDDD5, #90CDCB, #00A3BE, #00824D, #002234)
• Hazy Market color palette (#D4E9FA, #C0A8FF, #CC5D84, #005151, #162643)
• Hushed Grove color palette (#DEECDD, #5186B2, #272497, #002223, #100021)

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