Spruce Pier color palette — #E5DDE6 · #468E8B · #004453 · #012503 · #000A18

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

The five colors

• Silver (#E5DDE6): bright and airy, almost weightless.
• Storm Blue (#468E8B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Teal (#004453): A deep, shadowed, dusty blue — the color of deep harbor water.
• Deep Forest (#012503): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#000A18): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Nature, Growth, Trust, Stability, 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

• Navy Terrace color palette (#F3E2EA, #61859F, #113583, #002320, #0C0026)
• Cypress Corridor color palette (#E5F2E7, #5EA09B, #00646D, #003D2A, #000B10)
• Tempered Forest color palette (#F1E3DF, #48B4AC, #00829A, #25601C, #000A17)
• Faded Ultramarine color palette (#E6DBE0, #80A3BE, #254FAF, #003E3A, #230E4B)
• Nocturne Fern color palette (#D7E5D9, #5D5D11, #3B2800, #210800, #010500)
• Mulberry Ridge color palette (#F0DBF0, #95152F, #004946, #44000E, #000807)
• Airy Station color palette (#FDE8FD, #BD7F4F, #607522, #580053, #200200)
• Softworn Petrol Terrace color palette (#F3ECF1, #90B8CB, #006EA8, #00523A, #1D295A)

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