Cocoa Ridge color palette — #FFEBFA · #D99BB7 · #A9626D · #82382B · #692800

Rust takes the lead with Rust close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Blush (#FFEBFA): A whisper-light, dusty pink — the color of neon signs at night.
• Mauve (#D99BB7): A luminous, balanced rose — the color of a warm blush.
• Mocha (#A9626D): A full-bodied, balanced red — the color of embers at dusk.
• Rust (#82382B): A full-bodied, balanced orange — the color of toasted spice.
• Rust (#692800): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Chalky Bronze color palette (#FFE8ED, #E89A96, #AE6645, #754200, #533B00)
• Misty Garnet Market color palette (#F5F2FF, #C597D2, #9F5E8E, #7E2D4D, #6E1122)
• Faded Terracotta Veranda color palette (#F4F4FF, #D9AADA, #C77A8E, #A83B17, #583600)
• Hushed Ash color palette (#FFF4E2, #C27FA4, #97544E, #1C5B39, #53332F)
• Pewter Dune color palette (#FCF3F3, #DFD8D3, #CABDAE, #8E6581, #514444)
• Blush Alley color palette (#F5DCE6, #F85C72, #A62200, #5D2A00, #3B2200)
• Driftwood Alley color palette (#FFF1F0, #B66F8E, #815B18, #005638, #033B60)
• Weathered Quarry color palette (#FFECEB, #D2AB9C, #9E856D, #5B6850, #2E544E)

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