Cocoa Ridge color palette — #F5E3ED · #B0A05C · #6F3313 · #2E0F23 · #0B0207

Built around Rust, softened by Camel — the whole palette hums with nature and growth.

The five colors

• Blush (#F5E3ED): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#B0A05C): A luminous, balanced green — the color of fresh herbs.
• Rust (#6F3313): A deep, shadowed, balanced orange — the color of toasted spice.
• Deep Indigo (#2E0F23): A deep, shadowed, dusty pink — the color of peonies in June.
• Ink (#0B0207): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, 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

• Taupe Field color palette (#E1EDE2, #B69D64, #5C4102, #271900, #000801)
• Antique Chestnut color palette (#F8ECE4, #C4B572, #984A1F, #5A2200, #211207)
• Chalky Olive color palette (#FAEEF3, #DC884E, #3C7522, #834000, #000907)
• Midnight Bronze color palette (#FDE8F1, #907500, #421F00, #110500, #040002)
• Worn Basin color palette (#FEF3EA, #F8C682, #91501E, #3C2004, #080200)
• Airy Fern Villa color palette (#FFDFE9, #AC8233, #396927, #3F2C62, #1C1800)
• Pewter Coast color palette (#E8F6EF, #AACEAD, #656433, #19382B, #091711)
• Gentle Summit color palette (#FBD9C4, #B2974D, #677203, #074909, #002017)

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