Hushed Cocoa Ridge color palette — #FDEEE8 · #DFD8C7 · #C4C5A4 · #AD8178 · #5E2D00

A conversation between Cocoa and Caramel, giving this palette its sense of optimism and sophistication.

The five colors

• Cream (#FDEEE8): bright and airy, almost weightless.
• Bone (#DFD8C7): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#C4C5A4): A luminous, dusty green — the color of a quiet forest floor.
• Caramel (#AD8178): A luminous, dusty orange — the color of sun-warmed clay.
• Cocoa (#5E2D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged pastel, light, muted.

Use it as a design system

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

• Washed Bronze color palette (#FDF0DA, #D1E0C4, #A6CBAD, #94724E, #332D13)
• Bronze Station color palette (#F9F1E2, #C6BA9C, #9F7C3A, #794D0A, #302C1A)
• Antique Pier color palette (#FDF1FB, #ECF0C2, #E7D6D6, #C18F9B, #5D4954)
• Pine Alley color palette (#F1E6C3, #89A46C, #00895A, #5A3D00, #050600)
• Powdered Rust color palette (#FFEEE2, #E0DEB0, #C5C463, #AB493D, #3A2002)
• Dusty Garnet color palette (#F9EBE3, #B18660, #786500, #60011E, #080200)
• Ancient Taupe Hollow color palette (#FDEFE1, #B58C5D, #4A8EA0, #5A5884, #2C2012)
• Hushed Bronze Parlor color palette (#F7F1E9, #DABE9B, #6D8D63, #916927, #161708)

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