Cocoa Meadow color palette — #FFF2E9 · #F0D5A8 · #D1AE94 · #A98A80 · #574600

A conversation between Deep Olive and Wheat, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Wheat (#F0D5A8): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Rosewood Mist (#D1AE94): A luminous, dusty gold — the color of honey in a jar.
• Caramel (#A98A80): A luminous, dusty orange — the color of autumn markets.
• Deep Olive (#574600): A full-bodied, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, light, 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

• Softworn Bronze Coast color palette (#FDF3EB, #E2DDC2, #C9A789, #A56B3F, #583700)
• Dusty Atelier color palette (#FFF1F7, #E6C49C, #B78DA0, #846C7C, #3D4C41)
• Washed Seafoam Lantern color palette (#F0F9E8, #77D8B9, #E1A3B0, #BC8C83, #384031)
• Weathered Drift color palette (#F2E7D0, #B5CC8C, #AD9E61, #957152, #2F312B)
• Dusty Driftwood Studio color palette (#FDECF4, #ABC3AB, #9E7588, #6B4C65, #1D3126)
• Patina Delta color palette (#EFDBC7, #9B7D00, #8A4F00, #6F1F17, #040300)
• Weathered Mustard color palette (#F6D8B7, #D1B827, #CB8200, #AA553D, #1F2F00)
• Aged Atelier color palette (#F0F8F0, #FFD2C9, #63ADAB, #5F735E, #252E25)

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