Dusty Ridge color palette — #FBF3F0 · #E1B5A5 · #917B31 · #A84C4C · #312D27

Brick and Walnut set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Sand (#E1B5A5): A luminous, dusty orange — the color of toasted spice.
• Walnut (#917B31): A full-bodied, balanced green — the color of a quiet forest floor.
• Brick (#A84C4C): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#312D27): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Dusty Ridge 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 Harbor color palette (#F9F4EF, #D6BB9D, #6E874D, #965F0A, #2F2E27)
• Plum Loft color palette (#FCF2F3, #DCB0D2, #AA6C4E, #945288, #332C28)
• Weathered Emerald color palette (#F9EFEF, #E3B3CB, #4B9655, #995A7B, #15170C)
• Tempered Moss color palette (#F7F3F9, #FBBDD2, #92A64A, #B9748D, #23312C)
• Hushed Bronze color palette (#EAE2D7, #9D6B00, #004C2E, #442C00, #000502)
• Chestnut Dune color palette (#FFF2EC, #D6AC90, #A67E42, #6C5700, #1F5124)
• Antique Cocoa Bloom color palette (#FCF4E7, #CA9C83, #8A7537, #186377, #673D00)
• Tangerine Orchard color palette (#FFF2EA, #EF7E4A, #6E6700, #8E3600, #251C00)

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