Cocoa Ridge color palette — #FEF3EB · #ECD4C0 · #D6AB94 · #B98371 · #663D00

Bronze takes the lead with Caramel close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FEF3EB): bright and airy, almost weightless.
• Bone (#ECD4C0): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D6AB94): A luminous, dusty orange — the color of autumn markets.
• Caramel (#B98371): A luminous, dusty orange — the color of toasted spice.
• Bronze (#663D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

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

• Stone Quarry color palette (#FDF1F7, #EDD4D0, #D8A083, #8D6F8A, #334439)
• Marigold Balcony color palette (#FFEBD4, #E0C396, #DB9226, #B96800, #433306)
• Aged Driftwood Meadow color palette (#FEECF5, #D8ADBF, #A3785F, #6B4D60, #37262C)
• Washed Summit color palette (#FFE6D1, #BC8144, #A45600, #7D3300, #130900)
• Dusty Parlor color palette (#FFF2ED, #EBB3AC, #A2B5EA, #A88AC9, #64290A)
• Linen Amber Ridge color palette (#F8E6CA, #C0B185, #AF8731, #916008, #2A2400)
• Ancient Lime Cabin color palette (#F6F5EF, #E7DFB3, #7ACAAA, #A0B74A, #2C2F29)
• Teal Alley color palette (#F4F9D5, #D6E1B8, #86CAA9, #2FA78C, #00544E)

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