Cocoa Villa color palette — #FFF1F3 · #FFC4E1 · #ECA0AA · #BC807D · #733D0D
A conversation between Bronze and Ballet Pink, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF1F3): a clean, paper-quiet neutral.
- Thistle (#FFC4E1): A whisper-light, dusty rose — the color of strawberry cream.
- Ballet Pink (#ECA0AA): A luminous, balanced red — the color of embers at dusk.
- Dusty Rose (#BC807D): A luminous, dusty orange — the color of autumn markets.
- Bronze (#733D0D): A full-bodied, balanced gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Softness, Clarity. Tagged light, muted, 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
- Dusty Garnet Delta color palette (#FFF2ED, #EFD6BF, #EDA89D, #B47572, #5D2204)
- Mallow Study color palette (#FFF0F9, #D7CAFF, #D3A5DE, #AA7899, #69433E)
- Worn Garden color palette (#FFF2EE, #FFC3C3, #87D9CC, #DE9091, #405439)
- Timeworn Stone color palette (#FFF2EE, #FFCABB, #E2A781, #AB8855, #545049)
- Weathered Amber color palette (#FEE0E2, #FC9789, #D97E3E, #A46C00, #4F3B00)
- Weathered Raspberry Ridge color palette (#EAE2FF, #EAA8C9, #BD5D73, #8B4A44, #422938)
- Muted Ember color palette (#EEDCDB, #E7672B, #B16600, #6C4E00, #211A00)
- Aged Grove color palette (#FFF2ED, #FCB1AC, #7DCECE, #71ACD5, #48403D)
Browse the whole catalog at Explore, or see today's palette.