Cocoa Grove color palette — #FFF1F5 · #F9D2D6 · #DBB4B2 · #B39D8D · #6D4300

Bronze and Rosewood Mist set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#F9D2D6): A whisper-light, dusty red — the color of a theater curtain.
• Rosewood Mist (#DBB4B2): A luminous, dusty orange — the color of sun-warmed clay.
• Taupe (#B39D8D): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#6D4300): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged vintage, retro, muted, light.

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

• Stone Meadow color palette (#FDF0FF, #E1C7D2, #C8A4A4, #838C74, #495540)
• Honey Ridge color palette (#FFF1F2, #F7C2E5, #EFBD71, #CE93BA, #514C46)
• Aged Station color palette (#EBDCE5, #E8A1BC, #D28186, #8C7243, #3F3D36)
• Frosted Workshop color palette (#F1D8DA, #D0958B, #B47148, #636A1B, #1D350A)
• Fern Summit color palette (#F6F6EC, #DDE2BA, #90C49D, #89A18F, #4E5200)
• Ancient Teal Loft color palette (#F5F6EF, #BEE0E9, #9EC5EC, #64B1B1, #42584D)
• Faded Plum Meadow color palette (#FFE7EA, #AD6E94, #A84565, #623900, #160E00)
• Amber Alley color palette (#FFE7DB, #F4AC64, #C59500, #46924A, #004734)

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