Cocoa Veranda color palette — #EEEEDF · #A1B194 · #547F69 · #774840 · #643D00

Bronze takes the lead with Coffee close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Cream (#EEEEDF): a clean, paper-quiet neutral.
• Sage (#A1B194): A luminous, dusty green — the color of new leaves after rain.
• Fern (#547F69): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#774840): A full-bodied, dusty orange — the color of sun-warmed clay.
• Bronze (#643D00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Optimism, Sophistication. Tagged vintage, retro, 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

• Chestnut Dune color palette (#E0EBC0, #92B596, #4E77A2, #7F4A18, #4F4100)
• Washed Cypress color palette (#F8F6E5, #75AA7E, #007460, #4C4B44, #35362F)
• Wandering Basalt Veranda color palette (#C4EEEE, #A3CED9, #90B1C8, #8D7DA0, #5D3232)
• Muted Aqua color palette (#D5ECCD, #73CCD4, #689EB1, #765F6D, #573A45)
• Weathered Ash Station color palette (#D5F4EB, #70A9A8, #4D778A, #3C465E, #20233E)
• Hushed Petrol color palette (#DCEFEC, #5FA5C7, #5B61A0, #634400, #343903)
• Bronze Archive color palette (#EDF9EB, #B5D7C8, #A9879D, #8B6623, #44550E)
• Antique Garnet color palette (#D8EBD5, #2F8F8A, #11597F, #642512, #402300)

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