Cocoa Meadow color palette — #E8F6EB · #8CB6A6 · #87733F · #703D16 · #032926

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

The five colors

• Cream (#E8F6EB): A whisper-light, dusty teal — the color of glacier melt.
• Sage (#8CB6A6): A luminous, dusty teal — the color of glacier melt.
• Walnut (#87733F): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Bronze (#703D16): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Onyx (#032926): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Cocoa Meadow 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

• Washed Bronze color palette (#ECF9F0, #89B29D, #886F29, #684B27, #2B433B)
• Weathered Chestnut Basin color palette (#CFE7D8, #909F76, #74641B, #5D3200, #001D1C)
• Weathered Orchard color palette (#FEECF7, #C69FAB, #9A6653, #743443, #10291B)
• Hushed Dune color palette (#FDEDF5, #ABC3AC, #9C7689, #694D69, #1B3128)
• Driftwood Loft color palette (#FFF4E1, #C6BF9A, #A68C47, #8B5D3D, #3C4200)
• Antique Indigo color palette (#ECF4F1, #AEBB7F, #5E6DC1, #5F6D00, #070D1E)
• Powdered Terracotta color palette (#F4E0EC, #B28349, #993600, #690029, #161200)
• Aged Lagoon color palette (#E4F6F7, #2E9B78, #3F79B1, #7D3559, #001F21)

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