Cocoa Villa color palette — #FFEAF1 · #D9909D · #AB594E · #813A00 · #5A3200

Bronze and Brick set the tone — five colors that lean into optimism and warmth.

The five colors

• Blush (#FFEAF1): A whisper-light, dusty rose — the color of pressed rose petals.
• Dusty Rose (#D9909D): A luminous, balanced red — the color of embers at dusk.
• Brick (#AB594E): A full-bodied, balanced orange — the color of toasted spice.
• Bronze (#813A00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#5A3200): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Balance. Tagged warm.

Use it as a design system

One click turns Cocoa Villa 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

• Bronze Courtyard color palette (#FFE8E7, #E29F82, #A46726, #684A00, #473B00)
• Garnet Hollow color palette (#FCEBFF, #CD90BE, #A95A75, #7D323A, #741A00)
• Worn Coast color palette (#FAF2FF, #DEABCB, #CA7478, #945500, #4A3900)
• Softworn Chestnut color palette (#E8FBEC, #C68090, #96573A, #005C4B, #4C334B)
• Coral Ridge color palette (#EEDDDE, #F65E4C, #944800, #513200, #212A04)
• Worn Pewter color palette (#F8F3FA, #E3D7DA, #CFBABC, #986174, #4B454D)
• Ancient Summit color palette (#FCF1FD, #FFC5E6, #EE9397, #BD7C49, #4C3247)
• Patina Amber Boulevard color palette (#FBDAC4, #BC800D, #6C5900, #343900, #002918)

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