Cocoa Ridge color palette — #FFF2ED · #E0DACE · #E4B3AF · #99B2B4 · #763C17

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Bone (#E0DACE): a clean, paper-quiet neutral.
• Rose Quartz (#E4B3AF): A luminous, dusty orange — the color of autumn markets.
• Ash (#99B2B4): A luminous, dusty blue — the color of open sky before noon.
• Bronze (#763C17): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, 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

• Wandering Mallow color palette (#FFF1F2, #E2D8D1, #CBB3DE, #ADB7B0, #584746)
• Washed Driftwood color palette (#FFF0FC, #E7D5D7, #DFB7B4, #947796, #5A4855)
• Muted Study color palette (#CAFCED, #FFE9DE, #D6CED5, #703B07, #2F2823)
• Wandering Bronze Studio color palette (#FCF4E8, #DCE5BE, #C4AB7D, #A06E38, #4C3E00)
• Timeworn Harbor color palette (#FFF3E7, #F1B57F, #6CBCCE, #7280AA, #36312B)
• Gentle Garnet Basin color palette (#EADBD4, #E3A778, #B88900, #88163B, #030100)
• Patina Cabin color palette (#FCF3ED, #DFE0CC, #A77B5C, #683900, #211A13)
• Timeworn Station color palette (#FFF2EA, #FFE580, #DEDCCC, #E87780, #463F3A)

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