Cocoa Veranda color palette — #F5F2E7 · #BAB58C · #5D8057 · #7F4221 · #2C280A

Built around Bronze, softened by Fern — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F2E7): bright and airy, almost weightless.
• Sage (#BAB58C): A luminous, dusty green — the color of fresh herbs.
• Fern (#5D8057): A full-bodied, dusty green — the color of a quiet forest floor.
• Bronze (#7F4221): A full-bodied, balanced orange — the color of sun-warmed clay.
• Onyx (#2C280A): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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

• Olive Coast color palette (#FAF1E1, #ACAC6D, #597715, #5F4900, #232200)
• Tempered Pier color palette (#EDF9F0, #A3B888, #328561, #595670, #2E4942)
• Olive Atelier color palette (#F5F2E4, #A3AA6B, #8D81CD, #646B00, #282046)
• Antique Forest color palette (#E7E6D3, #6FA470, #006C4A, #612E00, #001D03)
• Dusty Emerald Canyon color palette (#ECF9F2, #BCCB9F, #6E9E66, #84677C, #2C4941)
• Plum Villa color palette (#F6F3DC, #839845, #1587C6, #AE3A66, #231F01)
• Ancient Alley color palette (#F6F2E0, #C5E4C8, #86D3E1, #968332, #35352E)
• Moonless Delta color palette (#E7E4D5, #52733D, #00421E, #371000, #010400)

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