Hushed Ridge color palette — #FBF3F0 · #D2BD9D · #894B2D · #5F2402 · #2B251D

A conversation between Coffee and Espresso, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FBF3F0): bright and airy, almost weightless.
• Sand (#D2BD9D): A luminous, dusty gold — the color of honey in a jar.
• Coffee (#894B2D): A full-bodied, balanced orange — the color of autumn markets.
• Espresso (#5F2402): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#2B251D): a grounded near-black with real depth.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

One click turns Hushed 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 Bronze color palette (#FAF4F0, #E0B69D, #7F8245, #A45330, #302E27)
• Pewter Station color palette (#FEF2F2, #D1BD9E, #774F69, #4F2A42, #33241C)
• Washed Fern color palette (#FAF5E9, #C3AB7A, #5E511A, #382D00, #1B1D0C)
• Softworn Driftwood color palette (#FAF2FA, #CAD8A6, #A9686E, #59455A, #302830)
• Antique Lantern color palette (#FCF2F9, #F4DBA7, #C19189, #796675, #30292E)
• Ancient Bronze Garden color palette (#E9E1D5, #9A7300, #332400, #0E191E, #0F0800)
• Denim Courtyard color palette (#FDF4E6, #C5A074, #797B43, #125F8C, #5F4200)
• Hushed Denim color palette (#FFF2EB, #BB7F6F, #4E8C82, #2C6199, #632A01)

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