Weathered Cocoa color palette — #F6DDC8 · #A3AE7D · #408175 · #704541 · #5E2F00
A conversation between Cocoa and Teal, giving this palette its sense of nature and growth.
The five colors
- Parchment (#F6DDC8): A whisper-light, dusty gold — the color of old brass.
- Sage (#A3AE7D): A luminous, dusty green — the color of fresh herbs.
- Teal (#408175): A full-bodied, dusty teal — the color of glacier melt.
- Coffee (#704541): A full-bodied, dusty orange — the color of sun-warmed clay.
- Cocoa (#5E2F00): A deep, shadowed, balanced gold — the color of honey in a jar.
Feels like: Nature, Growth, 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
- Dusty Lagoon Loft color palette (#FCD7C8, #BC9D70, #56855B, #6D4C6C, #5B3B41)
- Timeworn Chestnut color palette (#FFF2E4, #B9B696, #529996, #894D29, #5E4200)
- Jade Archive color palette (#E6E3CA, #37AD7D, #007CA9, #773723, #4E2E00)
- Weathered Olive Basin color palette (#FDF3EA, #A69C60, #41721B, #654222, #38352E)
- Muted Chapel color palette (#ECE3BA, #92C895, #64A194, #845C6F, #5B353A)
- Hushed Bloom color palette (#EDE7C7, #8AA483, #376C9A, #4D4300, #163617)
- Taupe Orchard color palette (#D3FBEB, #82B085, #4F7E86, #4C5065, #2F2740)
- Wandering Chestnut color palette (#CFEEB6, #66B7BB, #5F7AA6, #7C551B, #4E4A21)
Browse the whole catalog at Explore, or see today's palette.