Weathered Cocoa color palette — #FFF2ED · #E0D9CE · #E2AEB4 · #94BFB4 · #7F4124
A conversation between Bronze and Rosewood Mist, giving this palette its sense of optimism and sophistication.
The five colors
- Ivory (#FFF2ED): bright and airy, almost weightless.
- Bone (#E0D9CE): a clean, paper-quiet neutral.
- Rosewood Mist (#E2AEB4): A luminous, dusty red — the color of a theater curtain.
- Ash (#94BFB4): A luminous, dusty teal — the color of shallow lagoons.
- Bronze (#7F4124): A full-bodied, balanced orange — the color of autumn markets.
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
- Washed Orchard color palette (#FBF1FF, #E9D7D8, #D7B4BC, #A3B8C6, #5A4B58)
- Weathered Cocoa Veranda color palette (#FFF4E2, #B7EDD3, #C2C5D0, #CEA97D, #624800)
- Antique Basin color palette (#FFEDEA, #E0D9C8, #BAC5A8, #A9858E, #602602)
- Bronze Studio color palette (#FCF3ED, #F9D8AE, #C19376, #955E2F, #342920)
- Worn Coral Garden color palette (#FFF2EA, #E3D9C4, #FFCE8B, #FB8974, #47413C)
- Washed Amber Hollow color palette (#FAE2D8, #CC9F57, #D97E00, #A4404C, #240400)
- Aqua Chapel color palette (#F7F6E7, #B2CE8F, #5AC8DA, #6AA0CB, #3E3E36)
- Timeworn Mint Delta color palette (#F9F4EF, #F8D8B0, #9BCC8E, #CCA36B, #302E27)
Browse the whole catalog at Explore, or see today's palette.