Weathered Cocoa color palette — #FBF5E7 · #91A277 · #406F4D · #5F4700 · #36362F
Built around Bronze, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Ivory (#FBF5E7): bright and airy, almost weightless.
- Moss (#91A277): A luminous, dusty green — the color of fresh herbs.
- Pine (#406F4D): A full-bodied, dusty teal — the color of shallow lagoons.
- Bronze (#5F4700): A full-bodied, balanced gold — the color of honey in a jar.
- Espresso (#36362F): a grounded near-black with real depth.
Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged botanical, earthy, 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
- Patina Spruce color palette (#F7F6E9, #7DA689, #2A7064, #6A3C3A, #303B00)
- Dusty Fern Dune color palette (#E7F6F0, #80AA9E, #4D7039, #464A1D, #162000)
- Tempered Olive Harbor color palette (#F9F5E7, #BAB68D, #688D53, #636835, #36362F)
- Tempered Forest Workshop color palette (#E9E5D5, #759766, #0F6446, #00464F, #19300D)
- Patina Periwinkle Hollow color palette (#E8FCE2, #B1E7E3, #8FAAE1, #477F5A, #2F4C38)
- Jade Canyon color palette (#ECF9F1, #BFD39E, #6DB37E, #91844F, #163D34)
- Antique Hollow color palette (#E4F5DD, #00A493, #B25963, #00655A, #582028)
- Plum Grove color palette (#CFEFCF, #008B8B, #A8485E, #873F00, #1B321C)
Browse the whole catalog at Explore, or see today's palette.