Weathered Cocoa color palette — #E8F5CD · #CDDBC3 · #A8C1A6 · #9E8B9D · #6A4700
Bronze and Custard set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#E8F5CD): A whisper-light, dusty green — the color of a quiet forest floor.
- Celadon Mist (#CDDBC3): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#A8C1A6): A luminous, dusty green — the color of a quiet forest floor.
- Heather (#9E8B9D): A luminous, dusty pink — the color of neon signs at night.
- Bronze (#6A4700): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, muted, light.
Use it as a design system
One click turns Weathered Cocoa 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
- Weathered Villa color palette (#EFFAE2, #CDDFC5, #A7C5AC, #9F829B, #66495B)
- Softworn Corridor color palette (#F8F6E8, #D8D8B2, #92B88A, #959176, #484500)
- Wandering Chestnut Workshop color palette (#FCF6DA, #C3D1AF, #91AB95, #90726A, #804324)
- Ash Summit color palette (#B9EDDD, #D3B8D0, #C299B3, #987575, #5E3D37)
- Powder Grove color palette (#C7F1FF, #9BD7FD, #99B1D6, #9B76A3, #5D3A51)
- Hazy Teal color palette (#EDF9EB, #77E1DA, #D5BC6F, #00B6AF, #514004)
- Timeworn Corridor color palette (#C9F0F3, #8AC1CB, #4B8E93, #4A5A73, #323953)
- Chalky Parlor color palette (#E4FDE5, #65D2D4, #8FB4FA, #8CB465, #273F29)
Browse the whole catalog at Explore, or see today's palette.