Cocoa Veranda color palette — #F4DBC8 · #49564F · #572700 · #171F17 · #080600

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

The five colors

• Parchment (#F4DBC8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Charcoal Brown (#49564F): a grounded near-black with real depth.
• Espresso (#572700): A deep, shadowed, balanced gold — the color of honey in a jar.
• Onyx (#171F17): quiet, heavy and certain.
• Ink (#080600): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Deep Onyx color palette (#F1DEC0, #374039, #362700, #101611, #010300)
• Garnet Hollow color palette (#F7E7E4, #655A59, #68002C, #211E0E, #0F0300)
• Moonless Cocoa Meadow color palette (#F4E0E9, #763B00, #4F4700, #1A1C13, #090500)
• Softworn Coast color palette (#F4ECE2, #A27B40, #3C3C35, #251C11, #110B08)
• Aubergine Orchard color palette (#F4E4D2, #7B5100, #5000BA, #3B2400, #030012)
• Washed Pine Archive color palette (#E9EBDA, #4B8544, #263624, #161802, #090601)
• Dusty Denim Harbor color palette (#EFE3DF, #4398A3, #004F71, #002E1A, #00011C)
• Ancient Quarry color palette (#F7E1F9, #91585F, #583700, #2B0A60, #160019)

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