Tempered Cocoa Veranda color palette — #FFF2EB · #DFDBC9 · #BDCF99 · #9F6F76 · #703D05

A conversation between Bronze and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#DFDBC9): A whisper-light, dusty green — the color of fresh herbs.
• Pistachio (#BDCF99): A whisper-light, dusty green — the color of new leaves after rain.
• Mocha (#9F6F76): A full-bodied, dusty red — the color of late-summer berries.
• Bronze (#703D05): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged pastel, light, 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

• Worn Driftwood color palette (#FFF1F1, #E3D7D2, #DEB9A3, #8E6F91, #634541)
• Dusty Driftwood color palette (#FEEEE8, #DEDDC5, #C5C99E, #A56999, #3B2918)
• Quiet Bronze Cabin color palette (#FFF4E1, #EAF1A2, #9CCE9A, #9E620C, #4A491C)
• Chalky Quarry color palette (#FBEFD2, #C2D3A0, #58AB77, #7F5810, #34360A)
• Garnet Atelier color palette (#FBEDE4, #DE9B48, #91822B, #7B191C, #271200)
• Worn Pine color palette (#FAF4EC, #CDA960, #318151, #7A5A00, #222713)
• Faded Drift color palette (#FFF2E9, #FCCF81, #ABAC00, #B33002, #482E00)
• Hushed Olive Parlor color palette (#F9EDDC, #989252, #487B37, #512700, #100A00)

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