Cocoa Ridge color palette — #FFF1F1 · #FFD4E2 · #E49DA8 · #AC7071 · #6F3410

Built around Bronze, softened by Ballet Pink — the whole palette hums with optimism and warmth.

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Shell Pink (#FFD4E2): A whisper-light, dusty rose — the color of a warm blush.
• Ballet Pink (#E49DA8): A luminous, balanced red — the color of a theater curtain.
• Mocha (#AC7071): A luminous, dusty red — the color of embers at dusk.
• Bronze (#6F3410): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, 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

• Worn Coral Station color palette (#FFF2EF, #E9D6CD, #DD9590, #A96D5A, #58514C)
• Raspberry Harbor color palette (#ECE8FF, #DEA1C7, #BF5E72, #80433B, #4D313D)
• Patina Basalt Dune color palette (#FFF2EC, #E2D8D1, #E5A19B, #905751, #501F00)
• Antique Chapel color palette (#FFF1F0, #FFAA8A, #C96A2D, #804D00, #3C2600)
• Faded Rust color palette (#FFE5E7, #FD7767, #CD4A00, #6E3400, #321B00)
• Coral Veranda color palette (#FFF1F4, #FFA9AC, #FC594A, #9C3700, #5D2B00)
• Weathered Cocoa color palette (#FFF2ED, #E0DBCE, #D6AFAA, #9DB3B4, #7A411A)
• Weathered Garnet color palette (#FFF2ED, #FAB8B5, #9BC995, #8CA3CB, #5F2309)

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