Spruce Pier color palette — #EEE5D6 · #4F5D61 · #3B2B00 · #171E16 · #030500

Espresso takes the lead with Ink close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Parchment (#EEE5D6): A whisper-light, dusty gold — the color of honey in a jar.
• Charcoal Brown (#4F5D61): a grounded near-black with real depth.
• Espresso (#3B2B00): A deep, shadowed, dusty gold — the color of old brass.
• Onyx (#171E16): quiet, heavy and certain.
• Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Optimism, 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

• Antique Abyss color palette (#D6F4DE, #4F5B60, #004622, #172427, #000B0A)
• Charred Onyx Harbor color palette (#F3E0C3, #354144, #362700, #111610, #010300)
• Cellar Chestnut Delta color palette (#EEDDC0, #6B5D00, #303400, #0B1D00, #000A03)
• Lagoon Drift color palette (#EBF6E4, #00927A, #2F4235, #252B22, #111612)
• Deep Station color palette (#F6EFD9, #386C1D, #003422, #310010, #060600)
• Aubergine Quarry color palette (#E3E1CB, #435B00, #520290, #192500, #0A001A)
• Tempered Chestnut color palette (#F3E2D5, #796600, #144F28, #23113F, #250817)
• Moonless Aubergine color palette (#E1E9D5, #364600, #42007E, #3F0040, #010200)

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