Cocoa Villa color palette — #FFE0C8 · #384742 · #5C2900 · #15180E · #100600

A conversation between Espresso and Parchment, giving this palette its sense of optimism and sophistication.

The five colors

• Parchment (#FFE0C8): A whisper-light, dusty gold — the color of honey in a jar.
• Charcoal (#384742): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#5C2900): A deep, shadowed, balanced gold — the color of honey in a jar.
• Ink (#15180E): a grounded near-black with real depth.
• Ink (#100600): A deep, shadowed, dusty gold — the color of old brass.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, 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

• Weathered Garnet Studio color palette (#ECE7C8, #584D00, #004D36, #5C0E00, #0A0700)
• Bronze Alley color palette (#FDF0E0, #A87000, #403C35, #2F271E, #16150F)
• Nocturne Lagoon color palette (#ECDFC0, #4E5B5C, #423900, #16211F, #080900)
• Worn Garnet Meadow color palette (#FFE2E1, #4D5C52, #700018, #181F14, #170100)
• Hushed Ridge color palette (#E2E8D5, #007F5B, #004236, #301E00, #00140C)
• Pale Ridge color palette (#F0E7D6, #7A5800, #87005F, #3B2900, #230016)
• Midnight Cocoa color palette (#EFDDE6, #823B00, #1B2427, #241500, #080004)
• Cerulean Corridor color palette (#E4E6D8, #00A3AC, #00535F, #00302D, #00171E)

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