Weathered Cocoa color palette — #DBF0F0 · #8FADD0 · #8A6577 · #5F4600 · #322800
A conversation between Bronze and Mauve, giving this palette its sense of nature and growth.
The five colors
- Frost (#DBF0F0): A whisper-light, dusty teal — the color of shallow lagoons.
- Mauve (#8FADD0): A luminous, dusty blue — the color of open sky before noon.
- Pewter (#8A6577): A full-bodied, dusty rose — the color of strawberry cream.
- Bronze (#5F4600): A full-bodied, balanced gold — the color of afternoon light on wheat.
- Espresso (#322800): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, 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 Meadow color palette (#D8EBFF, #A195D1, #935A78, #364A1D, #1B2D00)
- Chestnut Ridge color palette (#D9FCE4, #C5B3C7, #A07F89, #6A5A05, #323B00)
- Worn Studio color palette (#EBF1D3, #99AF93, #4D7A97, #6D4731, #3A2402)
- Antique Cocoa color palette (#FFDCF4, #C1A0AF, #7D638D, #7F4145, #5F3226)
- Dusty Driftwood color palette (#DFE1FF, #CE9CA4, #9B686F, #285E51, #00342A)
- Washed Pewter color palette (#C4EEF6, #90B9D5, #8688B2, #7E693A, #1A4A40)
- Muted Pewter Garden color palette (#EFF6FF, #C7D1FC, #9F96C0, #8D5F70, #4D334F)
- Patina Abyss Parlor color palette (#EDE1EB, #9A7FA1, #89565E, #004E3E, #001F29)
Browse the whole catalog at Explore, or see today's palette.