Cocoa Veranda color palette — #F3D6E5 · #926836 · #6F2D00 · #48000B · #080500

A conversation between Rust and Espresso, giving this palette its sense of optimism and warmth.

The five colors

• Shell Pink (#F3D6E5): A whisper-light, dusty rose — the color of pressed rose petals.
• Walnut (#926836): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#6F2D00): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Espresso (#48000B): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#080500): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Optimism, Warmth, Comfort, Balance, Grounding. Tagged earthy, warm, 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

• Chalky Bronze Dune color palette (#FFE7F3, #AB601A, #6F3000, #491300, #231100)
• Washed Bronze Pier color palette (#DAF2DC, #7B7338, #5A3E00, #3A1800, #040600)
• Chalky Study color palette (#FFDEC7, #C58B60, #96450B, #591800, #080300)
• Weathered Lagoon color palette (#EEDAE1, #A9966C, #845A30, #652915, #001E13)
• Aged Chapel color palette (#D5EBFC, #AC6247, #002D44, #2A2127, #000912)
• Nightshade Terrace color palette (#D1E0F6, #2047AD, #800032, #2E2700, #000012)
• Pewter Harbor color palette (#E7F6EC, #A5C3B6, #6B8C76, #734A5A, #1B312D)
• Muted Aubergine color palette (#DBEEFA, #576EC1, #4F1D99, #38003C, #120007)

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