Cocoa Ridge color palette — #FFF2EF · #E1DACF · #DAB3B4 · #95BCB9 · #7E3F26

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

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Rosewood Mist (#DAB3B4): A luminous, dusty red — the color of late-summer berries.
• Ash (#95BCB9): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#7E3F26): A full-bodied, balanced orange — the color of toasted spice.

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

• Weathered Thicket color palette (#FFF3E6, #EED6AA, #CCB194, #A68C79, #5B4400)
• Ash Station color palette (#FBF1FF, #C3EDF6, #E9D6D9, #AFA9CF, #5D4D5A)
• Worn Apricot Veranda color palette (#FFF2EA, #FFAC7E, #7CC5C5, #839AC4, #5E2F00)
• Sunflower Hollow color palette (#FFF2EF, #E2DACA, #FDD168, #DB8A9C, #653D28)
• Bronze Market color palette (#FDF3ED, #F4DBA7, #BA957F, #975C34, #312A25)
• Ancient Chartreuse color palette (#D7E5FF, #88FC87, #FFC4B4, #985A38, #362F2B)
• Softworn Mulberry Terrace color palette (#F4E2E1, #DB916E, #C48930, #994269, #1E0000)
• Soft Mustard Delta color palette (#F4ECDD, #C6C607, #6AB959, #A3642E, #201600)

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