Weathered Cocoa color palette — #E4FAFD · #007969 · #6E3600 · #3F3600 · #002723
A conversation between Bronze and Teal, giving this palette its sense of nature and growth.
The five colors
- Ivory (#E4FAFD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Teal (#007969): A full-bodied, balanced teal — the color of sea glass.
- Bronze (#6E3600): A deep, shadowed, balanced gold — the color of honey in a jar.
- Espresso (#3F3600): A deep, shadowed, dusty green — the color of new leaves after rain.
- Onyx (#002723): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Optimism, Sophistication. Tagged jewel, vibrant, 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
- Pine Workshop color palette (#E9F9F8, #268658, #8C3D2A, #604000, #14332C)
- Spruce Atelier color palette (#EAF8FF, #006B80, #5D4D00, #103F00, #002025)
- Chalky Garnet color palette (#E5FBF4, #536C00, #821940, #5D2100, #0A2415)
- Soft Aubergine Station color palette (#E8F3FF, #2B72AA, #71318B, #4A2D00, #000E13)
- Abyss Canyon color palette (#CFEBEE, #005843, #4D2100, #1E1700, #010B00)
- Hazy Delta color palette (#FCF0FF, #CB1558, #644700, #303F00, #00271C)
- Sunlit Cobalt Canyon color palette (#E6F4FE, #0082AC, #4C4A8C, #194600, #003331)
- Wandering Cerulean Workshop color palette (#ECF7FF, #4794B7, #696B2E, #325737, #203940)
Browse the whole catalog at Explore, or see today's palette.