Cocoa Grove color palette — #F5F3FF · #EAD9DA · #DD9BAA · #A46864 · #602912

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

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Bone (#EAD9DA): a clean, paper-quiet neutral.
• Rosewood Mist (#DD9BAA): A luminous, balanced red — the color of embers at dusk.
• Mocha (#A46864): A full-bodied, dusty orange — the color of toasted spice.
• Rust (#602912): 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 Grove 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

• Weathered Lagoon color palette (#FFECF2, #D1ADCD, #AC7183, #8B3A2D, #472200)
• Stone Studio color palette (#FFF1F2, #E4D7CC, #E5A983, #937046, #503F00)
• Worn Villa color palette (#F0F5FF, #E4D6E3, #C29FD5, #92688B, #642E47)
• Tempered Rust color palette (#FFEEF2, #FF9D9D, #D24D1B, #6C3700, #180D00)
• Softworn Drift color palette (#E8FBEC, #FFCAEC, #D28D8C, #587D5F, #443B49)
• Coral Grove color palette (#FFF0F8, #FFBCC6, #F15C53, #9A3F00, #371D00)
• Dusty Blush Atelier color palette (#FBF1FF, #EB8EAA, #604E5D, #2E2930, #110E14)
• Muted Ash Coast color palette (#F6F4FC, #E1D7DD, #BAB6AC, #B89EB4, #4E4C52)

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