Cocoa Ridge color palette — #FCEAF2 · #916337 · #6B3400 · #401500 · #070300

Built around Bronze, softened by Walnut — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FCEAF2): A whisper-light, dusty rose — the color of strawberry cream.
• Walnut (#916337): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Bronze (#6B3400): A deep, shadowed, balanced gold — the color of honey in a jar.
• Espresso (#401500): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#070300): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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

• Misty Cocoa Archive color palette (#FADCEB, #AA6D39, #823C00, #551A00, #140800)
• Weathered Olive Boulevard color palette (#D0E6D7, #7C7000, #534400, #302100, #040400)
• Dusty Bronze Garden color palette (#E3EFE3, #B39C68, #92691D, #6B430D, #2C2300)
• Smoked Fern color palette (#D0EFE1, #4E4F00, #003F3B, #330200, #030100)
• Timeworn Quarry color palette (#DFF6EF, #638100, #00523C, #2E3F00, #000202)
• Olive Terrace color palette (#DAEBF5, #008E7F, #657900, #031106, #000201)
• Amber Pier color palette (#FFE7EF, #D7AC72, #BA741A, #8C4E1A, #453209)
• Driftwood Market color palette (#D6F0DC, #90B9A0, #937E4A, #6F562E, #18372A)

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