Cocoa Veranda color palette — #FFF3EA · #DEDCCC · #A77A63 · #6B3600 · #231911

Built around Bronze, softened by Mocha — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF3EA): bright and airy, almost weightless.
• Bone (#DEDCCC): A whisper-light, dusty green — the color of a quiet forest floor.
• Mocha (#A77A63): A luminous, dusty orange — the color of toasted spice.
• Bronze (#6B3600): A deep, shadowed, balanced gold — the color of old brass.
• Onyx (#231911): A deep, shadowed, dusty gold — the color of old brass.

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

• Patina Parchment color palette (#FAF5E5, #D5E7B7, #7A794A, #3A3831, #140F02)
• Taupe Archive color palette (#FEF3EC, #EBDDBA, #C78F7C, #8E6050, #352821)
• Ancient Field color palette (#FAEDD0, #C59C14, #473B00, #1D2725, #0A0700)
• Washed Ridge color palette (#F7EFF4, #CDC496, #88503E, #422639, #191116)
• Ancient Apricot color palette (#FFF3E9, #F6B187, #9CB989, #9B7395, #36302C)
• Muted Atelier color palette (#FFF3E6, #FFD083, #955C00, #432700, #0E0500)
• Mustard Orchard color palette (#FFF3E4, #DFB35E, #6C4900, #231500, #020100)
• Ancient Studio color palette (#FDF4E1, #E7DEAD, #9BA979, #3D7F7D, #4D3E00)

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