Cocoa Ridge color palette — #F0DCD1 · #A97F0C · #7E2800 · #2B0800 · #050100

A conversation between Rust and Mustard, giving this palette its sense of optimism and balance.

The five colors

• Parchment (#F0DCD1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#A97F0C): A luminous, balanced gold — the color of afternoon light on wheat.
• Rust (#7E2800): A full-bodied, balanced orange — the color of toasted spice.
• Ink (#2B0800): A deep, shadowed, dusty orange — the color of autumn markets.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Optimism, Balance. 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

• Antique Bronze color palette (#F9ECD6, #AA7F00, #5B4500, #1D1400, #030100)
• Worn Meadow color palette (#EADBCE, #D6B368, #AB661B, #6B3B00, #150800)
• Mulberry Boulevard color palette (#F0D8D6, #A97F0B, #840352, #2D0019, #070000)
• Eclipse Archive color palette (#F6DDD1, #727D00, #570300, #161509, #140000)
• Wandering Amber Hollow color palette (#F9E9DD, #D16A00, #656A00, #874200, #020200)
• Muted Chestnut Coast color palette (#F3EBE3, #9FA292, #828C76, #865900, #100700)
• Faded Amber color palette (#FFF2E9, #EFC979, #D36E27, #8E440A, #271608)
• Antique Orchard color palette (#E9E5CF, #ECB524, #7A8800, #4B5400, #130F00)

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