Cocoa Meadow color palette — #F4F7EA · #A6D2A7 · #D9A387 · #689B6B · #733D0B
Bronze and Moss set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Pistachio (#A6D2A7): A whisper-light, dusty green — the color of fresh herbs.
- Camel (#D9A387): A luminous, dusty orange — the color of toasted spice.
- Moss (#689B6B): A luminous, balanced green — the color of fresh herbs.
- Bronze (#733D0B): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Balance. Tagged 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
- Worn Driftwood Chapel color palette (#FDF4E3, #D2C58D, #DE9BAE, #9C8C48, #66423D)
- Dusty Bronze color palette (#FBF4EA, #D6C9B1, #B09774, #986A2F, #5B4400)
- Pine Grove color palette (#F4F7E8, #96BB98, #BE83AC, #428349, #684043)
- Moss Veranda color palette (#F6F6E6, #B2CF9E, #76BBDE, #75995A, #2C5746)
- Washed Jade color palette (#EBF8F6, #CAF3C3, #FFB99A, #76AA6D, #593B4D)
- Taupe Canyon color palette (#F1F9E6, #C9E3D6, #A9B0C3, #A4AC89, #45503C)
- Softworn Lagoon Atelier color palette (#F0F8EE, #D8D3A7, #4E8A80, #405339, #272E24)
- Tempered Lagoon color palette (#F0F8ED, #8AD5C9, #A8ABE6, #379F92, #5E4354)
Browse the whole catalog at Explore, or see today's palette.