Dusty Spruce color palette — #E4E7DF · #869185 · #517460 · #00331F · #010200

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

The five colors

• Parchment (#E4E7DF): bright and airy, almost weightless.
• Eucalyptus (#869185): A luminous, dusty green — the color of new leaves after rain.
• Teal (#517460): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#00331F): A deep, shadowed, dusty teal — the color of glacier melt.
• Black (#010200): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Dusty Spruce 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

• Dusty Archive color palette (#E6F2EC, #AA99AB, #927084, #003C50, #000603)
• Abyss Corridor color palette (#E3F1F2, #A4C1C6, #669BA8, #004736, #000102)
• Washed Orchard color palette (#E5EBE3, #C3CFC6, #81AFA0, #006358, #10190D)
• Lowlit Forest color palette (#E0E1CD, #00684C, #003130, #061900, #010100)
• Powdered Olive color palette (#DBEBD3, #4B8400, #006A63, #00406B, #000102)
• Dusty Denim Loft color palette (#E7F6F0, #E1CDDD, #C89DB0, #00628F, #032017)
• Wandering Corridor color palette (#EDF4EF, #CFDADB, #D3BABE, #328193, #262E29)
• Lowlit Navy Lantern color palette (#E4E8D6, #004913, #100063, #0D1612, #150200)

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