Cocoa Villa color palette — #F0F8EB · #4A9984 · #3B61A5 · #7B2900 · #004335

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

The five colors

• Ivory (#F0F8EB): bright and airy, almost weightless.
• Fern (#4A9984): A luminous, balanced teal — the color of shallow lagoons.
• Peacock (#3B61A5): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#7B2900): A deep, shadowed, balanced orange — the color of toasted spice.
• Forest (#004335): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Calm, Balance. Tagged cool.

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

• Chalky Garnet color palette (#F8F6E8, #82914C, #3464A1, #812010, #343D03)
• Washed Cocoa Terrace color palette (#F0F8F1, #62A4AB, #6A6B9B, #823E09, #024E43)
• Soft Cocoa color palette (#EBFAEE, #029AAA, #8F476D, #7C2809, #3B3B00)
• Airy Mulberry Boulevard color palette (#FAF5E6, #958B35, #006E8B, #742556, #552C02)
• Ancient Nightshade color palette (#D8EFD7, #007F7D, #3A28BB, #532300, #002B26)
• Frosted Cobalt Quarry color palette (#F8EEF9, #3779C2, #753973, #433B00, #003044)
• Cypress Archive color palette (#FBF4EE, #C6E4D9, #708BB7, #007077, #5B3C50)
• Misty Indigo Hollow color palette (#EAFAF0, #34B5D9, #6776D7, #7F447E, #283F20)

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