Spruce Garden color palette — #E0E9E6 · #899F9E · #4D7981 · #223100 · #000D09
Deep Forest and Slate set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#E0E9E6): a clean, paper-quiet neutral.
- Blue Fog (#899F9E): A luminous, dusty teal — the color of shallow lagoons.
- Slate (#4D7981): A full-bodied, dusty blue — the color of deep harbor water.
- Deep Forest (#223100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#000D09): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Spruce Garden 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
- Abyss Balcony color palette (#D6E6EA, #9EACB3, #66829F, #00413F, #00171D)
- Olive Ridge color palette (#E3E3D9, #8D907B, #63732F, #193100, #010100)
- Fern Veranda color palette (#E1ECE9, #96A9A7, #679276, #295100, #000C0A)
- Hushed Onyx color palette (#ECE7D5, #40776F, #00443F, #3A0020, #260700)
- Forest Veranda color palette (#E8F0EF, #BED0D2, #88A6B2, #006724, #1D3230)
- Hushed Fern color palette (#CBE7E3, #938100, #206F00, #004955, #000604)
- Nocturne Spruce color palette (#D9EFEE, #5B514E, #00381D, #111E22, #000505)
- Lagoon Alley color palette (#EFF7F8, #D6DAE0, #BABFD0, #008777, #3D4B4D)
Browse the whole catalog at Explore, or see today's palette.