Cocoa Meadow color palette — #FDF3ED · #E3DBC4 · #CDA48D · #A16966 · #593600
A conversation between Cocoa and Mocha, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FDF3ED): a clean, paper-quiet neutral.
- Bone (#E3DBC4): A whisper-light, dusty green — the color of new leaves after rain.
- Camel (#CDA48D): A luminous, dusty gold — the color of afternoon light on wheat.
- Mocha (#A16966): A full-bodied, dusty orange — the color of autumn markets.
- Cocoa (#593600): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Optimism, Warmth, Comfort, Sophistication, Grounding. Tagged earthy, warm, 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
- Washed Chapel color palette (#FFF3E5, #C9B070, #9B6C26, #6D3500, #151300)
- Stone Station color palette (#FFF0F9, #D3ABBD, #95758A, #6B5569, #564148)
- Worn Archive color palette (#FEECF8, #DAB38E, #98778E, #625069, #213026)
- Softworn Bronze color palette (#FAF5E6, #E3DEBC, #A3A16E, #82671B, #32322B)
- Aged Lagoon color palette (#F8E5D9, #B57539, #7E3400, #460101, #020100)
- Antique Chestnut Studio color palette (#F2E4C7, #9D9F60, #715E00, #442C00, #030500)
- Timeworn Coral color palette (#FAF3F0, #E2DAD0, #C3AD63, #E0776B, #241D10)
- Amber Hollow color palette (#FFF3E7, #EEC993, #CE7B1C, #9E3D00, #322600)
Browse the whole catalog at Explore, or see today's palette.