Cocoa Veranda color palette — #FBE9F3 · #9D5C31 · #742A00 · #470900 · #080200

Built around Rust, softened by Ochre — the whole palette hums with optimism and warmth.

The five colors

• Blush (#FBE9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ochre (#9D5C31): A full-bodied, balanced gold — the color of honey in a jar.
• Rust (#742A00): A deep, shadowed, balanced orange — the color of toasted spice.
• Espresso (#470900): A deep, shadowed, balanced orange — the color of sun-warmed clay.
• Ink (#080200): A deep, shadowed, dusty gold — the color of honey in a jar.

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

• Chestnut Grove color palette (#FBDCEF, #824900, #4E1700, #280007, #000501)
• Bronze Boulevard color palette (#DDF4E0, #846C1F, #5A4000, #341F00, #040300)
• Hushed Meadow color palette (#FFEADD, #B46D31, #9B3F11, #741719, #060300)
• Midnight Harbor color palette (#F9E3F3, #912800, #373700, #00210F, #000202)
• Aged Plum color palette (#FADCEC, #C02F79, #83003B, #490012, #0F0000)
• Aged Chestnut color palette (#D3EBD9, #9D8C44, #785C00, #523700, #001C10)
• Shadow Mulberry color palette (#E5D9EA, #98004E, #5A4000, #292C00, #060002)
• Aubergine Pier color palette (#EBEDFF, #BB4A44, #3D0065, #291220, #0B0018)

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