Dusty Spruce color palette — #E7F3EE · #7FA29F · #53787D · #262F00 · #020C08

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

The five colors

• Cream (#E7F3EE): bright and airy, almost weightless.
• Blue Fog (#7FA29F): A luminous, dusty teal — the color of sea glass.
• Slate (#53787D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Forest (#262F00): A deep, shadowed, dusty green — the color of a quiet forest floor.
• Ink (#020C08): 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 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

• Washed Abyss color palette (#E5F0F3, #91AEBD, #69829A, #00413C, #00181C)
• Washed Archive color palette (#F0EFE6, #A2A797, #7B8C7B, #404B00, #0C0900)
• Worn Workshop color palette (#E5F2F0, #B4D3D5, #87A6B1, #2E632B, #23312F)
• Hushed Grove color palette (#DCE2CF, #307655, #00404B, #370911, #170400)
• Pine Loft color palette (#D2E5E3, #958100, #007B23, #004144, #000503)
• Eclipse Fern Coast color palette (#D4EADC, #4B6900, #003518, #1C1600, #040700)
• Fern Corridor color palette (#EBDBD1, #3E5300, #002B26, #1D001D, #000501)
• Cypress Study color palette (#EDF7F9, #D4DDEA, #BCC1CF, #4C8073, #3C4B4D)

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