Cocoa Veranda color palette — #FFE1CE · #5E2200 · #003134 · #001618 · #050100

Built around Espresso, softened by Deep Forest — the whole palette hums with optimism and sophistication.

The five colors

• Shell Pink (#FFE1CE): A whisper-light, dusty gold — the color of old brass.
• Espresso (#5E2200): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Deep Forest (#003134): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001618): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#050100): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Chestnut Meadow color palette (#F8DCD3, #8B5500, #372A00, #0D1200, #000501)
• Inked Cocoa Dune color palette (#FDECD8, #723900, #242600, #0F0031, #060300)
• Muted Bronze Study color palette (#E9E3DE, #A0998C, #7E7127, #422200, #100701)
• Eclipse Aubergine Orchard color palette (#FFDCE1, #5C0062, #00322A, #00161D, #050005)
• Terracotta Chapel color palette (#FAE9E1, #A2270D, #212E00, #3C0600, #020200)
• Velvet Parlor color palette (#E5DDD1, #4A3300, #191572, #090045, #030100)
• Cellar Courtyard color palette (#F1DADE, #78268D, #004F57, #002D41, #040006)
• Chalky Nightshade Pier color palette (#FFE9CD, #6D4900, #24309E, #121570, #150B00)

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