Weathered Cocoa color palette — #FFF2ED · #B0F9DF · #DFDFC8 · #C79DBC · #77420F
A conversation between Bronze and Mint, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Mint (#B0F9DF): A whisper-light, balanced teal — the color of sea glass.
- Bone (#DFDFC8): A whisper-light, dusty green — the color of a quiet forest floor.
- Mauve (#C79DBC): A luminous, dusty pink — the color of neon signs at night.
- Bronze (#77420F): A full-bodied, balanced gold — the color of afternoon light on wheat.
Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, 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
- Muted Chestnut Archive color palette (#FFF3E6, #C3E2CD, #BDBFC9, #C2AB90, #6C4800)
- Softworn Oat color palette (#FFF0F9, #D3DCCD, #B6D7A3, #B292B0, #5F4A52)
- Wandering Summit color palette (#FEF5DB, #C0F8C2, #82EAF9, #C69970, #43433C)
- Worn Seafoam Lantern color palette (#F0DFF3, #00EEE3, #FFADB5, #6C554F, #342724)
- Weathered Study color palette (#FEF5DC, #C2DAAF, #B3AF7E, #9F8263, #334400)
- Seafoam Lantern color palette (#FFF2EA, #FFE587, #77F2A1, #EB728B, #493000)
- Timeworn Marigold Coast color palette (#FFF3E5, #F1A845, #A6A4ED, #8A88C3, #37322C)
- Sand Hollow color palette (#FEF3E6, #F1D287, #B28E54, #67625C, #292014)
Browse the whole catalog at Explore, or see today's palette.