Weathered Cocoa color palette — #EFFAE1 · #B2C6B3 · #719E8C · #836363 · #6A4500
Built around Bronze, softened by Eucalyptus — the whole palette hums with optimism and sophistication.
The five colors
- Cream (#EFFAE1): A whisper-light, dusty green — the color of new leaves after rain.
- Stone (#B2C6B3): A luminous, dusty green — the color of a quiet forest floor.
- Eucalyptus (#719E8C): A luminous, dusty teal — the color of sea glass.
- Pewter (#836363): A full-bodied, dusty red — the color of late-summer berries.
- Bronze (#6A4500): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication. Tagged vintage, retro, muted.
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
- Tempered Chestnut Harbor color palette (#EBFBE6, #AEC6B6, #A084A3, #866963, #694B00)
- Aged Ridge color palette (#D6F0DD, #8ABBAA, #676F99, #774A41, #623A00)
- Dusty Olive color palette (#F6F6EB, #BBC6A1, #47917C, #6A6A1F, #46540A)
- Wandering Oat Field color palette (#DAFEF7, #B5DCE2, #9DACC0, #8B7A87, #554953)
- Timeworn Turquoise color palette (#F8F5EF, #C8E8E3, #5AA4C2, #427A74, #365149)
- Worn Coral color palette (#EAFAF0, #79BCCD, #D37F68, #1B7F94, #534B47)
- Tempered Petrol color palette (#CFE6D3, #59A6C7, #4864A3, #743438, #3D3732)
- Softworn Peony color palette (#E5FCEF, #59A3BD, #B96C9C, #7E7841, #32483D)
Browse the whole catalog at Explore, or see today's palette.