Spruce Pier color palette — #F6EAD3 · #505D61 · #392C00 · #171D17 · #020500

Built around Espresso, softened by Parchment — the whole palette hums with nature and growth.

The five colors

• Parchment (#F6EAD3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#505D61): quiet, heavy and certain.
• Espresso (#392C00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#171D17): quiet, heavy and certain.
• Ink (#020500): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Fern Quarry color palette (#FEE8DA, #355010, #501B00, #1B1D12, #070300)
• Wandering Fern color palette (#F0E9DA, #6C6200, #313E00, #061F00, #000F06)
• Ancient Parlor color palette (#EBF6E6, #00917F, #304137, #252B22, #111612)
• Aubergine Loft color palette (#EBE7C8, #475900, #640074, #1C2400, #0E0012)
• Lowlit Fern color palette (#EFEBD9, #1E7001, #003424, #31010E, #010800)
• Wandering Olive color palette (#FFEBDD, #6A6B00, #17442A, #23153F, #14022E)
• Velvet Aubergine color palette (#ECF2E4, #324700, #45007A, #41003A, #010200)
• Powdered Navy Villa color palette (#F0E3D6, #4686B7, #112F90, #002226, #0A0125)

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