Tempered Cocoa Veranda color palette — #FEF3EA · #BCA286 · #906949 · #79401C · #543600

A conversation between Bronze and Cocoa, giving this palette its sense of optimism and warmth.

The five colors

• Ivory (#FEF3EA): a clean, paper-quiet neutral.
• Camel (#BCA286): A luminous, dusty gold — the color of afternoon light on wheat.
• Walnut (#906949): A full-bodied, dusty gold — the color of old brass.
• Bronze (#79401C): A full-bodied, balanced gold — the color of old brass.
• Cocoa (#543600): A deep, shadowed, dusty gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Tempered 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

• Ancient Dune color palette (#FBF4E8, #C1B79E, #9A7B37, #7A560C, #564600)
• Chestnut Station color palette (#F2DBC8, #A77E56, #824200, #5C2400, #341F00)
• Antique Pier color palette (#FFF1F6, #A7C8AB, #B5835B, #8E594E, #2A4437)
• Aged Sand Lantern color palette (#FFF1F6, #F2C897, #D0A27A, #A07B8E, #324233)
• Antique Meadow color palette (#FFECD6, #866009, #4F3100, #2D1500, #100A00)
• Hazy Fern color palette (#EAFAEE, #0092A2, #827026, #3F5E00, #1E3A27)
• Timeworn Denim Atelier color palette (#ECF9F4, #92BA9B, #265675, #03324B, #102720)
• Aubergine Balcony color palette (#F0EFFF, #B09BD1, #8B5AA1, #762B80, #61195A)

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