Spruce Alley color palette — #F7E9F8 · #7DC6C2 · #00738C · #034209 · #000308

Forest takes the lead with Teal close behind in a set that reads as nature and growth at first glance.

The five colors

• Blush (#F7E9F8): A whisper-light, dusty pink — the color of a candy shop window.
• Mint Leaf (#7DC6C2): A luminous, dusty teal — the color of sea glass.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#034209): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#000308): 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 Alley 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

• Sapphire Alley color palette (#F7EAF1, #75C3E0, #0067BE, #003F34, #020012)
• Cobalt Bloom color palette (#FDF1FA, #94D9E3, #0084B9, #005435, #000237)
• Tempered Workshop color palette (#D3E7E8, #008F99, #B81E4F, #00454A, #040001)
• Hushed Lagoon Alley color palette (#F6E3DD, #2BA29F, #005265, #013306, #00152A)
• Hushed Cerulean color palette (#EFE8DE, #70C0BE, #0094A3, #007054, #00171F)
• Forest Studio color palette (#C7F5FF, #8DD1FA, #9E8CE1, #056716, #000407)
• Lagoon Grove color palette (#DFEEDC, #009B6F, #00655D, #002731, #00030A)
• Cerulean Pier color palette (#B4F3FF, #00A4BB, #00596A, #00181E, #000102)

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