Cocoa Veranda color palette — #FFF1F0 · #F1D4CB · #E1998C · #A26D54 · #6B4100

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

The five colors

• Ivory (#FFF1F0): bright and airy, almost weightless.
• Bone (#F1D4CB): A whisper-light, dusty orange — the color of autumn markets.
• Camel (#E1998C): A luminous, balanced orange — the color of sun-warmed clay.
• Mocha (#A26D54): A full-bodied, dusty orange — the color of autumn markets.
• Bronze (#6B4100): A full-bodied, balanced gold — the color of old brass.

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

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

• Soft Apricot Garden color palette (#FFE2E1, #FF8D68, #B46900, #614500, #241E00)
• Dusty Stone Quarry color palette (#FFF1F4, #FED0D5, #DB99B6, #A2646E, #58504C)
• Rust Basin color palette (#FFEDE8, #E49A99, #BF645A, #834638, #3A332F)
• Muted Stone Studio color palette (#FFF2EB, #E7DABD, #D3A974, #86783B, #4A4941)
• Washed Market color palette (#FFF1F2, #FFB3A9, #F06A00, #935700, #4C3700)
• Taupe Thicket color palette (#FFF2EC, #EFD6C0, #92D8EC, #C7877A, #294F3B)
• Aged Basin color palette (#FFF2EC, #DFDCCD, #DFAFA9, #ADADB8, #714002)
• Weathered Cocoa Balcony color palette (#FFE9DE, #D5D5E3, #B3A6A4, #673400, #271F19)

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