Cocoa Ridge color palette — #FFF1F0 · #C1AC80 · #704056 · #461E32 · #281A12

Cocoa and Espresso set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Camel (#C1AC80): A luminous, dusty gold — the color of old brass.
• Cocoa (#704056): A full-bodied, dusty rose — the color of strawberry cream.
• Espresso (#461E32): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Onyx (#281A12): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged luxury, dark, 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

• Cocoa Atelier color palette (#FCF3EF, #D3BD99, #824D4A, #5F2307, #2B241B)
• Wandering Mulberry color palette (#FEEDEE, #8CC397, #773B70, #3A1936, #14090A)
• Softworn Marigold Study color palette (#FFF2EA, #C49B3E, #772F00, #431700, #1D1300)
• Aged Mulberry color palette (#FCF3F1, #D99AA8, #8E6800, #9E3354, #2D2211)
• Pewter Atelier color palette (#F6F3FD, #A2D2AC, #96588D, #463C5A, #241F2D)
• Patina Sand color palette (#F9F2FF, #F8D07A, #BA819B, #6C5B79, #251E2A)
• Worn Garnet color palette (#F7DED8, #B78A0B, #720025, #39000E, #160400)
• Washed Bronze color palette (#FEF4E3, #CB8271, #8B601F, #00595F, #423C37)

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