Dusty Stone color palette — #FCF5DE · #A6BB76 · #639564 · #186E81 · #3E3E36

Sage takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FCF5DE): A whisper-light, dusty green — the color of a quiet forest floor.
• Sage (#A6BB76): A luminous, balanced green — the color of fresh herbs.
• Fern (#639564): A luminous, balanced green — the color of fresh herbs.
• Teal (#186E81): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#3E3E36): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Emerald Boulevard color palette (#E7FBF1, #BDD790, #5BA665, #1B6E82, #1C3832)
• Worn Marigold color palette (#FFF4E0, #D5A965, #938746, #32715D, #413C36)
• Lagoon Terrace color palette (#F8F7DC, #76C3AA, #289896, #496298, #34422C)
• Faded Moss color palette (#F7F6E9, #9BAF5A, #35927C, #8A483E, #493400)
• Aubergine Delta color palette (#FFF3E8, #A69857, #317A51, #68396D, #3E3D36)
• Dusty Lichen color palette (#F4FAD0, #C1D0AB, #8FA485, #5A8175, #664A63)
• Dusty Cerulean color palette (#F4F6EF, #C3E3E2, #74ADCC, #248998, #265145)
• Airy Jade Workshop color palette (#FFF1F6, #D9C876, #4ABE7E, #A06BA6, #28443B)

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