Cocoa Meadow color palette — #FDF3E8 · #EAD8A9 · #CCB18E · #A48D7A · #584500

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

The five colors

• Ivory (#FDF3E8): a clean, paper-quiet neutral.
• Wheat (#EAD8A9): A whisper-light, dusty gold — the color of old brass.
• Sand (#CCB18E): A luminous, dusty gold — the color of afternoon light on wheat.
• Caramel (#A48D7A): A luminous, dusty gold — the color of afternoon light on wheat.
• Deep Olive (#584500): A deep, shadowed, 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

• Tempered Stone Veranda color palette (#FFF3E3, #EDDB99, #B4C07F, #7F9A68, #1E5530)
• Timeworn Hollow color palette (#ECF4EC, #A8C3AD, #987E59, #71502E, #203126)
• Softworn Study color palette (#FDF3EC, #F4DBA8, #BB957A, #965E31, #332922)
• Hushed Mint color palette (#FBF4ED, #FFD5B0, #96C68D, #D19F72, #2E2E28)
• Aged Marigold Orchard color palette (#F9E3D4, #EFB47B, #D08B65, #807874, #34302A)
• Weathered Driftwood Lantern color palette (#EDF9ED, #BAE9E4, #9CB79B, #916E81, #30443D)
• Hazy Sunflower Studio color palette (#FEEDC7, #CAD15A, #BBA333, #9D793B, #36362F)
• Ancient Apricot Thicket color palette (#FFF3E8, #FDAE74, #70C7CC, #8599C3, #423C37)

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