Cocoa Villa color palette — #FFE6D4 · #673A00 · #072B00 · #0F0028 · #020100

Bronze and Deep Forest set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#FFE6D4): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Bronze (#673A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Deep Forest (#072B00): A deep, shadowed, balanced green — the color of fresh herbs.
• Ink (#0F0028): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#020100): quiet, heavy and certain.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Depth. Tagged retro, dark, 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

• Shadow Garnet Thicket color palette (#FFEBDF, #672100, #002327, #140011, #040100)
• Fern Corridor color palette (#F3DFDD, #414D00, #002929, #190015, #000200)
• Garnet Garden color palette (#F1E3CE, #880015, #292300, #040032, #030100)
• Chestnut Lagoon color palette (#E4DED0, #7B5F00, #253900, #000B25, #010100)
• Moonless Alley color palette (#F9DEDD, #774E17, #234325, #2E011B, #080002)
• Abyss Alley color palette (#ECDFDA, #458486, #004257, #00210A, #000105)
• Powdered Scarlet Terrace color palette (#F0E5CA, #E2321E, #736000, #004B44, #010100)
• Emerald Pier color palette (#FCE5E9, #009A30, #005B72, #5F0027, #001711)

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