Spruce Courtyard color palette — #EDE4EE · #64ADAD · #00617B · #004116 · #001F41

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

The five colors

• Blush (#EDE4EE): a clean, paper-quiet neutral.
• Turquoise (#64ADAD): A luminous, dusty teal — the color of glacier melt.
• Peacock (#00617B): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004116): A deep, shadowed, balanced green — the color of new leaves after rain.
• Midnight (#001F41): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

Use it as a design system

One click turns Spruce Courtyard 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 Dune color palette (#E8DDE3, #7EA4BB, #0057A3, #003F35, #1B144A)
• Antique Harbor color palette (#E8E2DA, #5AACAA, #00646F, #003B2B, #000D13)
• Ancient Petrol Field color palette (#E0E9E2, #80BEBC, #008492, #005C44, #00242F)
• Chalky Dune color palette (#FFF0F8, #79C3E2, #006BD1, #00574B, #2E246C)
• Peony Harbor color palette (#CCE1FE, #B8A9EF, #C06382, #005861, #1D1F42)
• Pine Dune color palette (#FFEAE4, #7AD1CE, #00A2C5, #367F3B, #00203D)
• Navy Boulevard color palette (#DBE7DA, #6484A2, #292890, #002223, #100021)
• Tempered Pine color palette (#F9F3F8, #C3E2EE, #4993BA, #007546, #334968)

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