Cocoa Ridge color palette — #FFF1F7 · #E6B8E0 · #C2829E · #A2656C · #773F14

A conversation between Bronze and Dusty Rose, giving this palette its sense of optimism and creativity.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Carnation (#E6B8E0): A whisper-light, dusty pink — the color of neon signs at night.
• Dusty Rose (#C2829E): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A2656C): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#773F14): A full-bodied, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged muted, warm.

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

• Dusty Coral color palette (#FFEEEF, #F0B1C3, #D78D8F, #9D664B, #56514B)
• Lilac Cabin color palette (#FEF0FF, #B9BBF2, #AB93D0, #946A92, #674542)
• Aged Driftwood color palette (#FFF1F1, #EAB0D2, #67C3C1, #B2769A, #395539)
• Taupe Veranda color palette (#FFF2EE, #FFC8D0, #CE8C99, #8E545D, #51272C)
• Dusty Driftwood color palette (#F6F3FF, #D0A2C3, #B76D8D, #974D63, #5F4360)
• Rust Archive color palette (#EAD9E5, #EB72A5, #C33D3E, #7E3800, #422600)
• Hazy Rose Parlor color palette (#F7E2EA, #DE5665, #A24200, #623900, #201B00)
• Wandering Amber Station color palette (#FFE1E5, #F7A28A, #CF8253, #836417, #4C4916)

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