Weathered Cocoa color palette — #F7F7E2 · #D2E5CA · #CCBBCC · #B09F90 · #723F06
Bronze takes the lead with Celadon Mist close behind in a set that reads as optimism and sophistication at first glance.
The five colors
- Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
- Celadon Mist (#D2E5CA): A whisper-light, dusty green — the color of a quiet forest floor.
- Stone (#CCBBCC): A luminous, dusty pink — the color of peonies in June.
- Taupe (#B09F90): A luminous, dusty gold — the color of honey in a jar.
- Bronze (#723F06): A full-bodied, balanced gold — the color of honey in a jar.
Feels like: Optimism, Sophistication, Softness, Clarity. 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
- Fern Alley color palette (#EEFBDF, #C3DDCE, #D1AEBD, #8E9776, #4A570E)
- Ancient Driftwood Archive color palette (#B5F3E2, #ABCFC1, #B899A6, #9C813B, #584300)
- Timeworn Ash color palette (#FBF3EF, #C3E0EC, #DABADD, #78AFA1, #604B58)
- Timeworn Chapel color palette (#DCF9F1, #ACD0D7, #7E94AA, #7C636D, #513F46)
- Turquoise Station color palette (#E8FAF2, #A3DEFE, #F2B7A0, #66B3DB, #743C10)
- Gentle Periwinkle Archive color palette (#F0F5CB, #93DED7, #82ADE3, #92834C, #5C4C00)
- Powder Alley color palette (#E1FDEF, #7AD5F8, #E7B27C, #B1A46E, #30493D)
- Powder Workshop color palette (#C6EBE1, #7AC2DE, #938DC2, #8D774F, #3C3832)
Browse the whole catalog at Explore, or see today's palette.