Weathered Cocoa color palette — #FFE4F7 · #9B6377 · #823B44 · #482F03 · #181300
A conversation between Rust and Mocha, giving this palette its sense of optimism and sophistication.
The five colors
- Blush (#FFE4F7): A whisper-light, dusty pink — the color of a candy shop window.
- Mocha (#9B6377): A full-bodied, dusty rose — the color of strawberry cream.
- Rust (#823B44): A full-bodied, balanced red — the color of late-summer berries.
- Espresso (#482F03): A deep, shadowed, dusty gold — the color of honey in a jar.
- Ink (#181300): A deep, shadowed, dusty green — the color of a quiet forest floor.
Feels like: 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
- Fern Veranda color palette (#F1E2F7, #AA6F94, #8B5653, #315017, #00170F)
- Washed Driftwood Veranda color palette (#EDEFFF, #A36798, #713A2B, #00241F, #000201)
- Washed Spruce color palette (#FFEBE4, #996B45, #6A4700, #123B04, #001C0D)
- Gentle Study color palette (#FEE4E4, #CB384B, #850022, #39000A, #070001)
- Weathered Meadow color palette (#F0DEF2, #BC1E4C, #5F5B00, #6C0025, #070600)
- Worn Study color palette (#F7D9E1, #C0A1C1, #B56049, #3C634F, #343C12)
- Patina Hollow color palette (#FAE5F1, #BD0F83, #87004E, #45001C, #160004)
- Faded Bronze color palette (#FBE1DD, #BF8064, #9F5D15, #41580B, #003330)
Browse the whole catalog at Explore, or see today's palette.