Cocoa Ridge color palette — #FEEFE4 · #BEA691 · #9C6647 · #76371F · #311E08

A conversation between Rust and Walnut, giving this palette its sense of optimism and warmth.

The five colors

• Cream (#FEEFE4): A whisper-light, dusty gold — the color of honey in a jar.
• Camel (#BEA691): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#9C6647): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#76371F): A full-bodied, balanced orange — the color of toasted spice.
• Onyx (#311E08): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Aged Market color palette (#F7F1E2, #B6AB83, #7C7748, #5C4A00, #27230C)
• Weathered Cocoa color palette (#EFDDCD, #B09274, #8E5424, #662900, #241400)
• Wandering Bronze color palette (#FFF0F8, #C0A17D, #9F603D, #76403E, #2F4336)
• Washed Mulberry Field color palette (#FAF1DF, #98853F, #995E89, #8E253F, #221803)
• Shadow Chestnut color palette (#FEE9D4, #855611, #512B00, #2A0F00, #030100)
• Forest Corridor color palette (#F0F3E9, #BEB48A, #15653F, #01301A, #0A0F01)
• Hushed Petrol Dune color palette (#EEF4EC, #84C1BA, #00829F, #00746D, #001309)
• Wandering Field color palette (#D5F7FF, #81BFD5, #097DAB, #00517D, #00254A)

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