Spruce Pier color palette — #E5E9DB · #343D42 · #004223 · #0C171B · #000808

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

The five colors

• Parchment (#E5E9DB): a clean, paper-quiet neutral.
• Charcoal (#343D42): a grounded near-black with real depth.
• Forest (#004223): A deep, shadowed, balanced teal — the color of glacier melt.
• Ink (#0C171B): a grounded near-black with real depth.
• Ink (#000808): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Twilit Forest color palette (#D6EFED, #006337, #3D3A42, #001D1C, #000401)
• Deep Spruce Dune color palette (#EDEAD0, #4E5A5B, #2E3D00, #162121, #000904)
• Softworn Cobalt Canyon color palette (#D2ECE3, #157BBB, #3F2937, #061A15, #020804)
• Wandering Onyx Orchard color palette (#EAEDD7, #437354, #00474F, #4C0616, #140200)
• Mulberry Hollow color palette (#D2EBD2, #006969, #89003F, #003131, #0A0002)
• Tempered Nightshade color palette (#EDDFD0, #618FB7, #2239A6, #002B31, #050018)
• Lowlit Garnet color palette (#C9F5F7, #005458, #780026, #5E0007, #000202)
• Abyss Delta color palette (#E9F5D3, #374148, #004529, #0E1A1E, #000B07)

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