Driftwood Ridge color palette — #FBF3F3 · #E0D8D3 · #A8AF9F · #9E7676 · #5A4F4F

Built around Mocha, softened by Sage — the whole palette hums with sophistication.

The five colors

• Ivory (#FBF3F3): a clean, paper-quiet neutral.
• Silver (#E0D8D3): a clean, paper-quiet neutral.
• Sage (#A8AF9F): A luminous, dusty green — the color of a quiet forest floor.
• Mocha (#9E7676): A luminous, dusty red — the color of late-summer berries.
• Charcoal Brown (#5A4F4F): a grounded near-black with real depth.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Hushed Ash color palette (#F6F3FB, #E2D7DC, #B9AEAA, #A195B5, #545158)
• Tempered Bronze color palette (#FFF2EC, #D9C5B9, #A8927C, #7C7328, #495549)
• Patina Bronze color palette (#FFF3E7, #D2949D, #A66255, #615B20, #56433C)
• Cocoa Coast color palette (#EEE6E1, #C5B6AB, #A78769, #762600, #281C15)
• Ancient Onyx color palette (#F1E7E6, #A69692, #8F6557, #53002B, #140404)
• Patina Studio color palette (#FDF2F0, #E5D8C9, #DAB2A0, #B0395A, #4A3C39)
• Dusty Canyon color palette (#F7F5EC, #C7C29E, #738963, #915431, #574E00)
• Weathered Chestnut Cabin color palette (#FBF4EB, #DFD0B9, #B3A779, #7B5000, #37322C)

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