Cocoa Veranda color palette — #F1E5DB · #7E3F00 · #35453D · #1C1900 · #050200

Bronze and Ink set the tone — five colors that lean into optimism and sophistication.

The five colors

• Parchment (#F1E5DB): bright and airy, almost weightless.
• Bronze (#7E3F00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Charcoal (#35453D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#1C1900): A deep, shadowed, dusty green — the color of fresh herbs.
• Ink (#050200): quiet, heavy and certain.

Feels like: Optimism, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Cocoa Veranda 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

• Terracotta Drift color palette (#FFE6E4, #9E001B, #364135, #251400, #070100)
• Chestnut Basin color palette (#F6E8D2, #684E00, #1B2926, #0B1E00, #040200)
• Eclipse Bronze Dune color palette (#EDDDCF, #9D5500, #472B00, #191C11, #0F0400)
• Feathered Bronze color palette (#ECDAD5, #BA6800, #685000, #333500, #041A00)
• Ancient Ridge color palette (#E2F0D9, #3F7000, #434F51, #002B25, #0A0A00)
• Dusty Harbor color palette (#E4E7D5, #35AA3B, #415240, #2E2F28, #1A1812)
• Dusty Bronze Courtyard color palette (#F4EEE1, #998700, #294F2E, #2D2512, #181007)
• Wandering Amber Bloom color palette (#F9F0E5, #C88F2C, #625A04, #3D372F, #26201D)

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