Tempered Cocoa Veranda color palette — #FFF3E4 · #E8AE9F · #B38869 · #5E793A · #6E3708

Bronze takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF3E4): A whisper-light, dusty gold — the color of old brass.
• Rose Quartz (#E8AE9F): A luminous, dusty orange — the color of toasted spice.
• Caramel (#B38869): A luminous, dusty gold — the color of honey in a jar.
• Olive (#5E793A): A full-bodied, balanced green — the color of a quiet forest floor.
• Bronze (#6E3708): A full-bodied, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Warmth, Comfort, Balance. Tagged retro, muted, warm.

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

• Cypress Canyon color palette (#FCF4E6, #D6B98B, #9B9462, #248069, #5F4200)
• Worn Bronze Hollow color palette (#FFF3E8, #DDAEC3, #BE7E85, #866A2E, #59413E)
• Weathered Thicket color palette (#FFF3E3, #F4873C, #A97000, #006F1B, #512A00)
• Hushed Canyon color palette (#FBEDD2, #C69953, #8A7700, #00654E, #34302A)
• Muted Coral Lagoon color palette (#FDEFE7, #CF8574, #7F481A, #5C2600, #27201D)
• Tempered Bronze color palette (#F5F6EC, #CFD4BA, #7BA88B, #A5703D, #4B5302)
• Timeworn Bloom color palette (#FBF5E5, #D391AA, #A86335, #306076, #56433D)
• Aged Shell Pier color palette (#E4FCEE, #FFB9D2, #D3A283, #6194AB, #514250)

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