Dusty Pine Market color palette — #EEF8F1 · #A8B787 · #488353 · #63526F · #304841

Built around Fern, softened by Sage — the whole palette hums with nature and growth.

The five colors

• Ivory (#EEF8F1): bright and airy, almost weightless.
• Sage (#A8B787): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#488353): A full-bodied, balanced green — the color of fresh herbs.
• Graphite (#63526F): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#304841): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Aged Dune color palette (#E9F9F7, #88BABE, #038486, #6F4E63, #2C484A)
• Olive Garden color palette (#EBFAEA, #ACA663, #4E7800, #6A4A18, #1F4332)
• Washed Stone color palette (#ECF9F2, #C2CB91, #859768, #886673, #32483F)
• Tempered Seafoam color palette (#E8FAF2, #C4DCF6, #7FD2C9, #8D724B, #384E47)
• Misty Lilac color palette (#E8FAF0, #ADA246, #9E72C9, #716700, #4B395E)
• Indigo Bloom color palette (#E0FDEF, #8F8E26, #706CD0, #854F99, #253E33)
• Hushed Cerulean color palette (#FBF2F7, #BEE2F8, #4C90C9, #0A716B, #374865)
• Ancient Market color palette (#FAF5E8, #DCD6B3, #96B788, #A7887B, #4D4300)

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