Cocoa Ridge color palette — #FCF1FF · #EAD9D1 · #E09E99 · #A56756 · #682A03

Built around Rust, softened by Mocha — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FCF1FF): A whisper-light, dusty pink — the color of neon signs at night.
• Bone (#EAD9D1): A whisper-light, dusty orange — the color of autumn markets.
• Rosewood Mist (#E09E99): A luminous, dusty orange — the color of sun-warmed clay.
• Mocha (#A56756): A full-bodied, balanced orange — the color of autumn markets.
• Rust (#682A03): A deep, shadowed, balanced orange — the color of sun-warmed clay.

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

• Sunlit Study color palette (#F6F3FF, #FFCDE3, #EFA3A6, #CD7449, #654100)
• Bronze Terrace color palette (#FFF2EB, #DEDACC, #D2AD80, #8D733A, #473900)
• Weathered Apricot Delta color palette (#FFF0EC, #FF9763, #B56100, #5B3700, #1F1200)
• Garnet Drift color palette (#F5F4FF, #F9D4E0, #D9A5CC, #A16383, #63253F)
• Aged Veranda color palette (#FFECEF, #E1A6BF, #C56B66, #7F4925, #412700)
• Washed Taupe Atelier color palette (#FFF1F6, #FFCFCF, #CD917D, #4F7E6B, #4C3849)
• Hazy Chapel color palette (#FFF2F0, #FFBFAF, #EF6F21, #854400, #3A1F00)
• Aged Garden color palette (#EEDED2, #D68700, #7F5700, #403000, #030300)

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