Cocoa Villa color palette — #FEF4E1 · #FCBDC7 · #CFA57C · #6990B3 · #703415

Rust takes the lead with Camel close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#FEF4E1): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Ballet Pink (#FCBDC7): A whisper-light, dusty red — the color of a theater curtain.
• Camel (#CFA57C): A luminous, dusty gold — the color of old brass.
• Slate Blue (#6990B3): A luminous, dusty blue — the color of open sky before noon.
• Rust (#703415): A deep, shadowed, balanced orange — the color of toasted spice.

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

• Softworn Cocoa Workshop color palette (#FEF3E6, #F6C59E, #A9B580, #8687B3, #604100)
• Tempered Stone color palette (#FAF5E3, #E3C2F0, #D99B9F, #58989E, #574142)
• Amber Alley color palette (#FFF4DB, #FFA690, #BD9900, #477AC6, #542800)
• Bone Boulevard color palette (#FFF2EE, #E5DBBD, #C5BEA6, #A793A7, #5A4D5A)
• Softworn Shell Grove color palette (#FFF2ED, #FAB2AD, #89B694, #5A8EAB, #254561)
• Timeworn Stone color palette (#EAFBEA, #EBAD94, #B28960, #5C7850, #55414B)
• Dusty Grove color palette (#FCEFE7, #F2A07A, #9B7433, #7C4418, #27201E)
• Softworn Powder color palette (#FBF3EF, #C5DEE2, #A4C4E7, #9AA882, #2F5248)

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