Cocoa Meadow color palette — #F9F1DF · #A0A56C · #5C6C30 · #6F3217 · #231C00

Rust takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F1DF): A whisper-light, dusty gold — the color of old brass.
• Sage (#A0A56C): A luminous, dusty green — the color of new leaves after rain.
• Olive (#5C6C30): A full-bodied, balanced green — the color of new leaves after rain.
• Rust (#6F3217): A deep, shadowed, balanced orange — the color of toasted spice.
• Onyx (#231C00): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Chestnut Delta color palette (#F4F2E6, #B6B68E, #5A805A, #7C4518, #292915)
• Washed Fern color palette (#ECE7D1, #81975C, #346310, #4E3200, #0D1500)
• Cypress Ridge color palette (#F2F4E2, #7AAE88, #2E7455, #29503B, #191F00)
• Fern Station color palette (#EEF8F0, #9BA06E, #456F39, #4B4275, #123E30)
• Chestnut Corridor color palette (#FFE7DA, #DE966E, #9D4E1A, #592100, #170500)
• Dusty Field color palette (#FFF3E2, #D0D5A4, #6C985E, #635D86, #2F2707)
• Softworn Rust color palette (#F4DFD2, #C15920, #717400, #833F6F, #230D00)
• Ancient Terracotta color palette (#F6DBDD, #D37071, #A43934, #7A210C, #411200)

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