Cocoa Villa color palette — #FFF1F5 · #F1D3D6 · #E396A7 · #A66A5F · #6E3D00

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

The five colors

• Ivory (#FFF1F5): a clean, paper-quiet neutral.
• Shell Pink (#F1D3D6): A whisper-light, dusty red — the color of a theater curtain.
• Ballet Pink (#E396A7): A luminous, balanced red — the color of a theater curtain.
• Mocha (#A66A5F): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#6E3D00): A full-bodied, balanced gold — the color of old brass.

Feels like: Optimism, Warmth, Comfort, Sophistication. 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

• Washed Field color palette (#FFF0F9, #E9D5E0, #CE98C2, #A2667D, #59504D)
• Aged Stone color palette (#FFF2EF, #E4D7CB, #E6A985, #9B7E4F, #594500)
• Muted Rose color palette (#FFEDED, #E6A5BE, #C7647C, #803F43, #413936)
• Rust Bloom color palette (#FFD9EC, #FB818A, #C94300, #6D4100, #302100)
• Amber Pier color palette (#FFF1F3, #FFB1AC, #CC6B19, #7A4C00, #352B00)
• Coral Lagoon color palette (#FFF2ED, #F1D5C3, #95DCD0, #CE827F, #384D31)
• Worn Apricot Cabin color palette (#FFF2F0, #FFD4C1, #DC9B4C, #7C6500, #353F16)
• Misty Ember color palette (#FFE4E6, #E55F34, #854F00, #3F2A00, #0A0B00)

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