Charred Spruce Pier color palette — #CDE7D7 · #443F4A · #322900 · #0A1418 · #020200

Espresso takes the lead with Celadon Mist close behind in a set that reads as nature and growth at first glance.

The five colors

• Celadon Mist (#CDE7D7): A whisper-light, dusty teal — the color of sea glass.
• Charcoal (#443F4A): a grounded near-black with real depth.
• Espresso (#322900): A deep, shadowed, dusty green — the color of new leaves after rain.
• Ink (#0A1418): quiet, heavy and certain.
• Black (#020200): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Charred 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

• Smoked Basalt color palette (#D4ECDC, #493A00, #292316, #030D0C, #010100)
• Moonless Meadow color palette (#EADEC6, #505D62, #382D00, #161D17, #020500)
• Wandering Cypress Archive color palette (#D3F8FC, #006B57, #3D383E, #002422, #000A0C)
• Muted Lagoon Delta color palette (#E0F1F5, #18968B, #1C414C, #112124, #080E0E)
• Velvet Olive color palette (#D6E4DD, #726F00, #252E00, #00150C, #010502)
• Garnet Parlor color palette (#D5F2E8, #445400, #74010B, #1A2200, #050000)
• Weathered Lantern color palette (#D1E2E2, #547DA1, #003A75, #001D2B, #000109)
• Inked Bloom color palette (#D2EDE2, #3A4047, #292D00, #0C1418, #010300)

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