Ancient Cocoa Veranda color palette — #EFDAE1 · #AD946D · #845A31 · #5F2F16 · #011E0E

Cocoa and Coffee set the tone — five colors that lean into optimism and sophistication.

The five colors

• Shell Pink (#EFDAE1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#AD946D): A luminous, dusty gold — the color of old brass.
• Coffee (#845A31): A full-bodied, dusty gold — the color of old brass.
• Cocoa (#5F2F16): A deep, shadowed, dusty orange — the color of autumn markets.
• Ink (#011E0E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

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

• Patina Garnet color palette (#F8E4D0, #A8946E, #8A551D, #722820, #32312A)
• Washed Chestnut Courtyard color palette (#DEF4E1, #958645, #6E4F00, #492800, #00130B)
• Timeworn Cocoa Basin color palette (#FFF1F6, #D7C69A, #AA805C, #7F453F, #00291E)
• Timeworn Summit color palette (#E3F8E8, #8EB6A0, #877242, #643F4D, #0E2820)
• Driftwood Archive color palette (#FCEDF4, #D5AFBD, #997789, #694E63, #223024)
• Ancient Cobalt Meadow color palette (#DAEBFF, #2E75C9, #945025, #474700, #011025)
• Fern Meadow color palette (#EBE8DA, #636700, #403600, #221500, #010200)
• Taupe Quarry color palette (#DBEBFB, #BB9B57, #1C4970, #001D37, #000510)

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