Cocoa Ridge color palette — #FFF2EB · #ECD5BD · #DAA899 · #B7808D · #5C4300

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Wheat (#ECD5BD): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#DAA899): A luminous, dusty orange — the color of sun-warmed clay.
• Dusty Rose (#B7808D): A luminous, dusty red — the color of late-summer berries.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, light, muted.

Use it as a design system

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

• Bronze Cabin color palette (#FFF2EB, #E2DBC3, #DC9D87, #A9664D, #593600)
• Tempered Ash color palette (#FCF2F2, #DDE2BC, #BD8EA5, #885E73, #362726)
• Washed Harbor color palette (#FBF4EB, #D3B481, #BC9B67, #3896C1, #5C2103)
• Frosted Moss Courtyard color palette (#FFF2F0, #FFD1C0, #E7AC7F, #A18F2B, #235011)
• Bronze Lagoon color palette (#F1E6D9, #D0C098, #BE9560, #B25F43, #31312A)
• Softworn Archive color palette (#FEEBF8, #D8B392, #97778D, #635069, #223027)
• Blush Study color palette (#FBF3F2, #FFCFDE, #A8C28A, #E789AC, #2F2E27)
• Hazy Alley color palette (#F6E5CD, #A0A465, #9D7511, #903F00, #031C00)

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