Tempered Cocoa Veranda color palette — #FFF2EB · #E5D9C3 · #D1C991 · #D6938E · #5E2E00

Cocoa and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EB): bright and airy, almost weightless.
• Bone (#E5D9C3): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#D1C991): A whisper-light, dusty green — the color of a quiet forest floor.
• Camel (#D6938E): A luminous, balanced orange — the color of autumn markets.
• Cocoa (#5E2E00): A deep, shadowed, balanced gold — the color of old brass.

Feels like: Nature, Growth, Optimism, Sophistication, Softness, Clarity. 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

• Ancient Cocoa Archive color palette (#FFF3E7, #DDDCCA, #BACDDB, #D2AE97, #694000)
• Muted Cocoa Thicket color palette (#FFF2ED, #FFD5BC, #D6CC89, #AB7992, #623100)
• Straw Harbor color palette (#FFF4E1, #F7EBA7, #CAD99B, #BF996A, #3F3C36)
• Muted Taupe color palette (#F2E7CF, #CCC47C, #B29D4C, #7E7972, #32302A)
• Mustard Chapel color palette (#FFD9BC, #E0CA7C, #E1AA41, #B86F56, #3A1F03)
• Softworn Plum color palette (#FFEEE8, #F4D8BA, #9FBD7B, #954E89, #3E210D)
• Honey Parlor color palette (#FAECDC, #F1BF6B, #B5792E, #5B554F, #1E1408)
• Hazy Mustard color palette (#FFF6CE, #B3FBD1, #75E8CF, #B4AA4C, #484740)

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