Cocoa Meadow color palette — #FFF3E8 · #CA9E75 · #64805D · #724C5F · #5D4300

Bronze and Camel set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Camel (#CA9E75): A luminous, dusty gold — the color of afternoon light on wheat.
• Fern (#64805D): A full-bodied, dusty green — the color of a quiet forest floor.
• Coffee (#724C5F): A full-bodied, dusty rose — the color of pressed rose petals.
• Bronze (#5D4300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Cocoa Coast color palette (#FDF4E7, #CF9794, #817847, #4B5781, #6C3800)
• Weathered Fern color palette (#F6F5ED, #BAC6A7, #6C8A6C, #795E5D, #425510)
• Wandering Amber color palette (#FCF3ED, #C58768, #3B7B87, #6B436B, #57303E)
• Weathered Cypress Atelier color palette (#FCF3F0, #CCE8E1, #76A590, #507A5B, #5E4B5E)
• Timeworn Cocoa Loft color palette (#FCF4E8, #D1BC8C, #869B68, #50709D, #594500)
• Weathered Moss Grove color palette (#FFF2EF, #7DA65E, #147784, #753550, #3C3E37)
• Denim Lantern color palette (#E8F6EB, #BCA980, #6B814C, #2C5287, #183225)
• Chalky Aubergine color palette (#FFF2EB, #B08400, #00724B, #612676, #363900)

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