Cocoa Villa color palette — #E8F1DE · #5CAD95 · #007795 · #80372D · #563200

Rust and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#E8F1DE): A whisper-light, dusty green — the color of new leaves after rain.
• Jade (#5CAD95): A luminous, balanced teal — the color of glacier melt.
• Teal (#007795): A full-bodied, balanced blue — the color of deep harbor water.
• Rust (#80372D): A full-bodied, balanced orange — the color of sun-warmed clay.
• Cocoa (#563200): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. Tagged vintage, retro, muted.

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

• Powdered Cobalt Chapel color palette (#E5F4EA, #41B6B7, #0073C7, #763800, #3F3B00)
• Ancient Jade color palette (#E6DFBE, #6EB769, #007C7C, #793752, #641F3E)
• Aged Lantern color palette (#C7EBF0, #6EA9BA, #5C71A0, #6F5125, #235040)
• Patina Ash color palette (#E3FCF5, #A2C9CD, #7496AB, #806578, #624745)
• Hushed Brick Study color palette (#DCF4F7, #00808C, #BC002D, #8D2F00, #002A2F)
• Rust Market color palette (#BFEEFB, #009897, #B54B00, #005A5A, #4E1C00)
• Weathered Quarry color palette (#D0F5E5, #63A45D, #006B50, #434700, #173614)
• Softworn Denim Villa color palette (#D4EDED, #4B82B1, #584F8C, #403604, #192602)

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