Dusty Driftwood Ridge color palette — #FFF1F7 · #A4C1A3 · #A17655 · #725267 · #3C4D40

Mocha and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sage (#A4C1A3): A luminous, dusty green — the color of new leaves after rain.
• Mocha (#A17655): A luminous, dusty gold — the color of old brass.
• Graphite (#725267): A full-bodied, dusty pink — the color of neon signs at night.
• Charcoal (#3C4D40): A full-bodied, dusty teal — the color of glacier melt.

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

Use it as a design system

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

• Patina Courtyard color palette (#FEF1F9, #CDAEBC, #AA705B, #6F526D, #554148)
• Driftwood Cabin color palette (#EEF8F1, #99C3B1, #8E8046, #4C654E, #384D47)
• Muted Alley color palette (#FFECF4, #A2C6A8, #9B7688, #645063, #203029)
• Tempered Alley color palette (#FFF3E9, #DFC79D, #B3957D, #8D6C60, #564600)
• Dusty Veranda color palette (#E6F9FC, #39A491, #9D6A9D, #834F45, #2B4245)
• Chalky Bronze color palette (#DAF8DD, #B19C48, #896100, #6C3B00, #103F2E)
• Chestnut Quarry color palette (#D1EFDA, #8E8B48, #695300, #4D3000, #002C21)
• Bronze Cabin color palette (#E9D9DF, #875F00, #532E00, #321000, #0F0B00)

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