Cocoa Veranda color palette — #F8EFF6 · #B1BA82 · #803F3A · #431714 · #110A10

A conversation between Coffee and Sage, giving this palette its sense of nature and growth.

The five colors

• Blush (#F8EFF6): bright and airy, almost weightless.
• Sage (#B1BA82): A luminous, dusty green — the color of fresh herbs.
• Coffee (#803F3A): A full-bodied, balanced orange — the color of sun-warmed clay.
• Espresso (#431714): A deep, shadowed, dusty orange — the color of toasted spice.
• Ink (#110A10): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged luxury, dark, 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

• Muted Chestnut Terrace color palette (#F9EEF2, #D0C394, #84561B, #442731, #1C1014)
• Dusty Mulberry color palette (#F3EFFC, #8FC19E, #79396F, #391A34, #0E0A16)
• Washed Bloom color palette (#FFF2ED, #C6CB77, #9A5F5D, #6B2D15, #2D1D18)
• Aged Chestnut color palette (#EBF5ED, #CAB07C, #6B5001, #0E2F19, #050F07)
• Aged Moss Study color palette (#FAE8F0, #A89600, #622D00, #270E00, #090004)
• Faded Brick color palette (#F6F0F5, #ED9992, #008874, #A73A38, #011114)
• Patina Bronze Garden color palette (#F7EFF2, #CAD6DA, #A8BFC5, #966B3F, #312A2C)
• Dusty Garden color palette (#FFF2EB, #FFE2A5, #AC5D45, #3E3733, #170D07)

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