Spruce Garden color palette — #E4F4EC · #78958B · #55726B · #2C2C00 · #000201

Espresso and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E4F4EC): bright and airy, almost weightless.
• Eucalyptus (#78958B): A luminous, dusty teal — the color of sea glass.
• Pewter (#55726B): A full-bodied, dusty teal — the color of shallow lagoons.
• Espresso (#2C2C00): A deep, shadowed, dusty green — the color of fresh herbs.
• Black (#000201): quiet, heavy and certain.

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

• Worn Abyss color palette (#D6E9EB, #81A7AF, #63818B, #004035, #000507)
• Hushed Thicket color palette (#E6E3DA, #9C9B87, #6E7730, #2F2C00, #0D0900)
• Fern Alley color palette (#DFECE9, #B9D1CE, #8AABA9, #3F6020, #081916)
• Deep Cypress color palette (#DEF3E1, #007354, #003A34, #001C35, #00001A)
• Faded Fern Cabin color palette (#E7F6D5, #817A00, #536B00, #00511D, #000200)
• Midnight Fern color palette (#F2F2D9, #3E4E00, #012C04, #000D12, #010200)
• Hushed Meadow color palette (#DFECE8, #7B938F, #467572, #1D3000, #000201)
• Weathered Thicket color palette (#E5EEE6, #7C9583, #597264, #392500, #000200)

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