Cocoa Ridge color palette — #FFF1F7 · #D8B66E · #7B3E00 · #291100 · #040002

Bronze and Sand set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sand (#D8B66E): A luminous, balanced gold — the color of honey in a jar.
• Bronze (#7B3E00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#291100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Black (#040002): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Chestnut Market color palette (#FFF1F5, #E7CD96, #8C5503, #3B2100, #0C0104)
• Sunlit Field color palette (#FDF0FF, #D6B674, #8F1D41, #350011, #030004)
• Misty Rust Atelier color palette (#E9D9E1, #C4BC65, #BA5917, #6D391A, #14060E)
• Timeworn Basin color palette (#E3FCF1, #F1BA2F, #5B5D00, #202000, #010100)
• Marigold Parlor color palette (#E3F4E4, #C79B31, #513600, #141B20, #0D0600)
• Pale Olive Grove color palette (#FFF1F5, #EEAB59, #498A00, #8A5600, #000201)
• Hushed Grove color palette (#EEF8F1, #FBE3B1, #877443, #463608, #041309)
• Quiet Chapel color palette (#FFF1D3, #CABD5E, #758A00, #0C4E07, #001C0E)

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