Cocoa Villa color palette — #E0F9EB · #0084A4 · #853A1C · #553100 · #2A2700

Rust and Cerulean set the tone — five colors that lean into nature and growth.

The five colors

• Honeydew (#E0F9EB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0084A4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#853A1C): A full-bodied, balanced orange — the color of toasted spice.
• Espresso (#553100): A deep, shadowed, dusty gold — the color of honey in a jar.
• Onyx (#2A2700): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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

• Wandering Plum color palette (#E4F7EF, #43A0CF, #9B509B, #774000, #003518)
• Pale Aubergine color palette (#DEF0FE, #3085AF, #703D7D, #591F00, #0D1800)
• Patina Garnet color palette (#CCF3DC, #007B95, #910014, #003D28, #002424)
• Mulberry Thicket color palette (#E9F7E5, #008A7E, #7F3367, #164700, #00342A)
• Nightshade Meadow color palette (#F4F3E4, #658329, #534397, #523300, #2A2600)
• Dusty Cornflower color palette (#FFEFFF, #1E7AE9, #854700, #004A48, #00303D)
• Dusty Garnet Field color palette (#DBF1DE, #00646A, #69002A, #202100, #031003)
• Cypress Workshop color palette (#FAF5E6, #84A67C, #1B725F, #295546, #35362F)

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