Spruce Pier color palette — #EEDDD9 · #59A0A1 · #00627C · #003F16 · #00091B

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

The five colors

• Parchment (#EEDDD9): bright and airy, almost weightless.
• Eucalyptus (#59A0A1): A luminous, dusty teal — the color of shallow lagoons.
• Peacock (#00627C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F16): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#00091B): 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 Pier 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

• Timeworn Teal Lagoon color palette (#EEE4EE, #57B3B1, #005E75, #002E07, #000104)
• Hushed Study color palette (#E9DCD3, #609CB4, #0757A7, #003C33, #080029)
• Softworn Abyss color palette (#E1EEE4, #568997, #00454D, #002319, #000B11)
• Patina Petrol color palette (#F7EFE2, #50B2B1, #008392, #006048, #000B11)
• Pale Cobalt color palette (#E8DCD2, #8CBEAB, #4F71BE, #005A55, #240D4B)
• Patina Emerald Study color palette (#CCE6D0, #00965A, #00532A, #00220C, #000300)
• Patina Courtyard color palette (#E1E2CA, #51B8A5, #4392C2, #5C4700, #001606)
• Dusty Atelier color palette (#ECECD9, #58891F, #76057E, #254100, #0F0011)

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