Spruce Lantern color palette — #E9F3F0 · #86A09E · #4A7C6B · #1D3200 · #000C09

Deep Forest and Teal set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#E9F3F0): bright and airy, almost weightless.
• Blue Fog (#86A09E): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#4A7C6B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#1D3200): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#000C09): 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 Lantern 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

• Tempered Field color palette (#DFEBEE, #9AACB6, #5586A3, #004041, #00171E)
• Fern Grove color palette (#E2E0D4, #A1A896, #788C7A, #3D4C00, #0B0902)
• Forest Cabin color palette (#E8F1F0, #BED0D2, #80A8B2, #1D6437, #1D3231)
• Aged Pine Boulevard color palette (#C6E8E6, #727F00, #00732A, #00413F, #000402)
• Eclipse Thicket color palette (#CDE5DA, #446A1C, #003514, #171800, #030800)
• Patina Onyx color palette (#E0EDE1, #21715E, #004750, #380038, #21010B)
• Spruce Courtyard color palette (#CBE9E8, #464850, #003820, #171B21, #000604)
• Charred Fern color palette (#D0E8D5, #245800, #002B23, #170028, #000501)

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