Patina Cocoa Villa color palette — #D7EBDB · #6EA9AA · #416A8C · #623918 · #323029

A conversation between Cocoa and Slate, giving this palette its sense of trust and stability.

The five colors

• Honeydew (#D7EBDB): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#6EA9AA): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#416A8C): A full-bodied, dusty blue — the color of open sky before noon.
• Cocoa (#623918): A deep, shadowed, dusty gold — the color of honey in a jar.
• Espresso (#323029): quiet, heavy and certain.

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

Use it as a design system

One click turns Patina 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

• Hushed Lagoon color palette (#E6E9C8, #79A77D, #0B707A, #723841, #52332A)
• Ancient Corridor color palette (#D9E9CA, #77B9C9, #5E7CA8, #734701, #3D3C35)
• Denim Archive color palette (#D1F3EC, #5594AB, #3E4F87, #4D3300, #362101)
• Washed Lagoon color palette (#D7EDED, #35A3B7, #4A6C85, #3E3256, #1A2000)
• Lagoon Station color palette (#E5E7D3, #539C82, #006261, #27471E, #202E0E)
• Muted Petrol color palette (#F7ECE5, #85BAD0, #006CB2, #00504C, #202B4F)
• Gentle Parlor color palette (#CFE7EA, #569FDE, #7E5AB2, #504F00, #254412)
• Tempered Veranda color palette (#CEEEF3, #70C3D4, #79A3C8, #9C6274, #4A293F)

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