Spruce Station color palette — #F0F0E2 · #204100 · #002E46 · #240025 · #010200
A conversation between Forest and Deep Indigo, giving this palette its sense of nature and growth.
The five colors
- Cream (#F0F0E2): bright and airy, almost weightless.
- Forest (#204100): A deep, shadowed, balanced green — the color of new leaves after rain.
- Midnight (#002E46): A deep, shadowed, dusty blue — the color of deep harbor water.
- Deep Indigo (#240025): A deep, shadowed, balanced pink — the color of neon signs at night.
- Black (#010200): quiet, heavy and certain.
Feels like: Nature, Growth, Trust, Stability, Creativity, Sophistication. Tagged dark, muted.
Use it as a design system
One click turns Spruce Station 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 Station color palette (#F7E3D7, #355500, #002A28, #21000A, #000501)
- Velvet Parlor color palette (#DDE8D3, #004232, #130E7C, #290014, #000201)
- Twilit Onyx Station color palette (#F7E8D6, #4D3100, #003134, #100040, #030100)
- Spruce Study color palette (#F0F0E5, #969C90, #657665, #123400, #0A0A01)
- Muted Forest Workshop color palette (#E5E9D0, #0D6410, #004C64, #002757, #000300)
- Softworn Aubergine color palette (#E8EBDE, #006326, #4B13A1, #53000C, #001203)
- Grape Station color palette (#CEEED6, #007583, #8800A7, #622B00, #00242A)
- Linen Market color palette (#D7E2CF, #00735D, #005594, #64004B, #102001)
Browse the whole catalog at Explore, or see today's palette.