Spruce Corridor color palette — #E9DBD7 · #5E9F9E · #00627A · #003F10 · #000919

Built around Forest, softened by Peacock — the whole palette hums with nature and growth.

The five colors

• Bone (#E9DBD7): bright and airy, almost weightless.
• Eucalyptus (#5E9F9E): A luminous, dusty teal — the color of glacier melt.
• Peacock (#00627A): A full-bodied, balanced blue — the color of open sky before noon.
• 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 Corridor 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

• Teal Cabin color palette (#EEE3EE, #50B4B1, #005E74, #002E06, #000104)
• Softworn Studio color palette (#F6E8DF, #559DB9, #0757A4, #003C33, #080029)
• Dusty Alley color palette (#E8E0D3, #6AAEAD, #008392, #006048, #000B11)
• Worn Lagoon color palette (#D8E4DA, #3E8F8E, #00454D, #002319, #000B11)
• Hazy Canyon color palette (#CFEAE6, #66A4C9, #9171CA, #005627, #000E12)
• Dusty Mulberry color palette (#D4E6DA, #007688, #A20050, #00404A, #130005)
• Cobalt Pier color palette (#F2E8E0, #7FB9DE, #4B6FC7, #005955, #240D4B)
• Faded Garnet Harbor color palette (#D7F6F9, #00646D, #940015, #572A00, #000203)

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