Cocoa Veranda color palette — #FFF2E9 · #DEDEC8 · #B1CD96 · #AD6E6F · #6B3F00

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DEDEC8): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#B1CD96): A luminous, balanced green — the color of new leaves after rain.
• Mocha (#AD6E6F): A luminous, balanced red — the color of embers at dusk.
• Bronze (#6B3F00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Patina Lantern color palette (#FEF4DE, #CEE1C8, #92DAD0, #A26F30, #554900)
• Aged Mustard color palette (#FFECF2, #C5E2F8, #D2C274, #A27257, #263425)
• Hushed Cocoa color palette (#FFF2EA, #BDA284, #996448, #7E3939, #403D36)
• Dusty Teal Bloom color palette (#F4F0D7, #94D3AB, #00B4B8, #805C00, #204019)
• Soft Terracotta Atelier color palette (#FFF1E1, #D3DA92, #61C07F, #A63A00, #403500)
• Softworn Chestnut color palette (#FAF4EA, #C4AB7B, #624F00, #392D00, #1C1E0E)
• Worn Drift color palette (#F8F5ED, #C0AE6B, #008075, #715E00, #1D2819)
• Washed Garden color palette (#FFF0F7, #CFE1CE, #DFAD99, #B0B0BA, #3D4E3D)

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