Weathered Cocoa Grove color palette — #FFF1F6 · #ECD3CD · #D5B6B7 · #B49988 · #714200

A conversation between Bronze and Taupe, giving this palette its sense of optimism and sophistication.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Bone (#ECD3CD): A whisper-light, dusty orange — the color of sun-warmed clay.
• Rosewood Mist (#D5B6B7): A luminous, dusty red — the color of embers at dusk.
• Taupe (#B49988): A luminous, dusty gold — the color of honey in a jar.
• Bronze (#714200): A full-bodied, balanced gold — the color of old brass.

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

Use it as a design system

One click turns Weathered 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

• Softworn Fern color palette (#F7F6EA, #E1E0C0, #B6BA90, #8AA18B, #545000)
• Aged Summit color palette (#DCFEF1, #E1CED8, #C4A2A4, #7C843E, #4A5441)
• Antique Mallow color palette (#FED9FF, #F8B4DA, #D098A5, #B2845A, #574217)
• Antique Ash Cabin color palette (#EDF7FF, #DCD9E3, #BFB9D3, #7B9D96, #3B5457)
• Aged Taupe color palette (#F6DEE8, #CF8F7E, #A6716B, #716139, #2E2D00)
• Aged Ash Harbor color palette (#EFF1FF, #C9C5E3, #978AA9, #7D6674, #4F3D45)
• Weathered Studio color palette (#FFF1F2, #EBB2E1, #F2A992, #96AEE4, #543A3D)
• Pewter Pier color palette (#E7DDF1, #9C789F, #91557B, #68412F, #221000)

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