Spruce Pier color palette — #E6EADA · #343E42 · #00421B · #0C181A · #000907
Built around Forest, softened by Ink — the whole palette hums with nature and growth.
The five colors
- Parchment (#E6EADA): A whisper-light, dusty green — the color of a quiet forest floor.
- Charcoal (#343E42): quiet, heavy and certain.
- Forest (#00421B): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#0C181A): a grounded near-black with real depth.
- Ink (#000907): 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
- Patina Forest Coast color palette (#D9E4C7, #006D48, #384146, #002425, #000B05)
- Deep Olive color palette (#E7DFCD, #59722C, #00421E, #251E00, #020300)
- Dusty Meadow color palette (#EFE4CF, #617652, #004E40, #49002E, #1B0000)
- Timeworn Mulberry Harbor color palette (#D8EAD4, #006A62, #8A0039, #00312E, #0A0002)
- Timeworn Grove color palette (#E0F2EB, #117DB3, #41273A, #001B13, #020804)
- Worn Navy color palette (#E7DFD7, #608FB5, #204099, #002B30, #050019)
- Garnet Station color palette (#D8F2F3, #005458, #74003D, #5D0105, #000202)
- Spruce Lantern color palette (#E3E3CC, #323C3F, #223F00, #0A1818, #000905)
Browse the whole catalog at Explore, or see today's palette.