Spruce Pier color palette — #F9F0D0 · #404D4A · #303000 · #151E18 · #030500
A conversation between Espresso and Custard, giving this palette its sense of nature and growth.
The five colors
- Custard (#F9F0D0): A whisper-light, dusty green — the color of new leaves after rain.
- Charcoal Brown (#404D4A): quiet, heavy and certain.
- Espresso (#303000): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Onyx (#151E18): quiet, heavy and certain.
- Ink (#030500): A deep, shadowed, dusty green — the color of fresh herbs.
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
- Shadow Abyss color palette (#E5F3EB, #004C2F, #00394B, #2C2300, #000201)
- Wandering Abyss Archive color palette (#E2EEDA, #515A65, #004438, #142329, #000B0A)
- Washed Villa color palette (#DFE9D2, #008660, #283721, #1C2115, #090E0A)
- Obsidian Fern color palette (#F0E6C9, #645E00, #002A12, #0E0C05, #020200)
- Moonless Spruce Station color palette (#EDE2CE, #414D48, #382C00, #171E17, #050400)
- Twilit Onyx color palette (#F0E6D9, #414D46, #3F2900, #181D16, #060400)
- Spruce Meadow color palette (#EDE3BF, #394340, #2C2C00, #0F1611, #010300)
- Inked Onyx color palette (#F5E4D4, #424C44, #452400, #191D14, #080300)
Browse the whole catalog at Explore, or see today's palette.