Cocoa Villa color palette — #FBF3EF · #DCDAD2 · #ADB6AA · #D09E8B · #6E3709

Built around Bronze, softened by Camel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FBF3EF): a clean, paper-quiet neutral.
• Bone (#DCDAD2): a clean, paper-quiet neutral.
• Ash (#ADB6AA): soft and architectural.
• Camel (#D09E8B): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6E3709): A full-bodied, balanced gold — the color of honey in a jar.

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

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

• Tempered Quarry color palette (#F9F4EE, #D9DBD3, #A9B4AD, #605F6B, #4D4D42)
• Wandering Study color palette (#FBF3EF, #DCDBD3, #BDC2B6, #BA7E6E, #4F4540)
• Ancient Mustard color palette (#F8F5EE, #D6E0CD, #BAC8B7, #BCA42E, #513C00)
• Wandering Marigold Archive color palette (#F2E2D0, #DA9C50, #896B24, #674000, #1E1711)
• Antique Chestnut color palette (#EBE3D8, #9DA392, #7E9074, #7D5E00, #0F0800)
• Ancient Sand Market color palette (#FFF4E2, #FFB38A, #BAA265, #3A8EA5, #423C37)
• Bronze Atelier color palette (#F6F0F3, #E2D4D3, #AFC8C3, #9A6753, #312A2E)
• Antique Moss color palette (#EBEBE0, #B6C4B7, #94AD9F, #658F2E, #212011)

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