Dusty Garden color palette — #FAF2FB · #B76D78 · #44719E · #4D4476 · #342D3E

A conversation between Mocha and Slate, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF2FB): bright and airy, almost weightless.
• Mocha (#B76D78): A luminous, balanced red — the color of late-summer berries.
• Slate (#44719E): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#4D4476): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#342D3E): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

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

• Bronze Dune color palette (#FFF1F5, #AD7941, #6F5884, #6A3D53, #3F2E3B)
• Cypress Dune color palette (#F4F4FF, #906FA2, #0F7776, #055372, #2F3648)
• Timeworn Market color palette (#F9F5ED, #AF9E5D, #4D9780, #5360A7, #3C3531)
• Softworn Atelier color palette (#EBF4EF, #9A9055, #12795A, #444180, #271420)
• Wandering Nightshade Canyon color palette (#FFF0FB, #A84D41, #2B419D, #481E63, #25162C)
• Softworn Canyon color palette (#EEF8F2, #A4995C, #497E5A, #1A5E66, #573744)
• Tempered Turquoise Coast color palette (#FFF1F1, #E5A3CC, #36B4DA, #6E8CC3, #423137)
• Driftwood Archive color palette (#F1F7F1, #D3DCDA, #A6ADB6, #6E8A71, #4E554E)

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