Weathered Cocoa color palette — #FFF2F0 · #F9D2C6 · #E59DA4 · #A36767 · #723517
A conversation between Rust and Rose Quartz, giving this palette its sense of optimism and warmth.
The five colors
- Ivory (#FFF2F0): a clean, paper-quiet neutral.
- Shell Pink (#F9D2C6): A whisper-light, dusty orange — the color of toasted spice.
- Rose Quartz (#E59DA4): A luminous, balanced red — the color of late-summer berries.
- Mocha (#A36767): A full-bodied, dusty red — the color of a theater curtain.
- Rust (#723517): A full-bodied, balanced orange — the color of sun-warmed clay.
Feels like: Optimism, Warmth, Comfort, Sophistication. Tagged light, muted, warm.
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
- Weathered Mallow Summit color palette (#FFF1F5, #F2D4E2, #CC99CF, #9D6C94, #633F41)
- Muted Bronze color palette (#FFF2EC, #E2D9D0, #E1A497, #975E4F, #482015)
- Tempered Villa color palette (#FFF1F2, #F6C0D8, #EB96A1, #C9776C, #57504B)
- Soft Rose Drift color palette (#EEE4FF, #D99AB5, #C26472, #88473C, #462B3A)
- Taupe Loft color palette (#FFF2EA, #ECDAB6, #D19E72, #987042, #534E48)
- Quiet Rust Terrace color palette (#FFE6E0, #FF8D6B, #C85200, #6B3200, #301600)
- Softworn Courtyard color palette (#FFF2EC, #DFDACD, #DAB4A7, #A1B4B3, #753C12)
- Chalky Ember Study color palette (#FFF1F1, #FFBCB4, #F45632, #9D3A00, #562200)
Browse the whole catalog at Explore, or see today's palette.