Cocoa Veranda color palette — #FFF2F0 · #E1DACF · #D3A5AE · #9EB7B0 · #773A1D

Built around Bronze, softened by Rosewood Mist — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#E1DACF): a clean, paper-quiet neutral.
• Rosewood Mist (#D3A5AE): A luminous, dusty red — the color of late-summer berries.
• Ash (#9EB7B0): A luminous, dusty teal — the color of glacier melt.
• Bronze (#773A1D): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

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

• Softworn Cocoa Loft color palette (#FFF3E9, #C6FEE1, #DDDECB, #E3ABAB, #714500)
• Stone Quarry color palette (#FFF0FE, #E8D5D8, #C7B2CB, #9FA3AE, #5B4C58)
• Weathered Bronze color palette (#FBF4EB, #DFE4BF, #CCA77D, #A66A41, #4B3E00)
• Cocoa Terrace color palette (#D3FFFE, #FFE8E4, #D2CFDB, #672C0B, #2C2522)
• Washed Turquoise color palette (#FFF2EF, #F8A9BE, #4FBFDB, #8F76A1, #3E2D2A)
• Weathered Cocoa color palette (#FDF3EE, #CADFCC, #AA7867, #6D3509, #221913)
• Misty Mulberry Lantern color palette (#FFE9E2, #E6AC8D, #A78800, #761D62, #040000)
• Muted Celadon color palette (#FFF2EA, #D6F89C, #DEDDCC, #C67D87, #3D3832)

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