Washed Cocoa color palette — #FFF2ED · #BB7E77 · #4E8B89 · #2D6B69 · #64290A

Built around Rust, softened by Caramel — the whole palette hums with optimism and sophistication.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Caramel (#BB7E77): A luminous, dusty orange — the color of toasted spice.
• Storm Blue (#4E8B89): A full-bodied, dusty teal — the color of shallow lagoons.
• Teal (#2D6B69): A full-bodied, dusty teal — the color of glacier melt.
• Rust (#64290A): A deep, shadowed, balanced orange — the color of autumn markets.

Feels like: Optimism, Sophistication. Tagged muted.

Use it as a design system

One click turns Washed 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 Cocoa color palette (#FFF2ED, #BA7E77, #5484AB, #615880, #642909)
• Tempered Balcony color palette (#FFF1F3, #B17BAB, #5C8B72, #386B52, #4C3639)
• Cocoa Coast color palette (#FEF4E4, #CE9986, #817846, #4C577E, #673C00)
• Timeworn Market color palette (#FBF4EB, #9C7F46, #58723E, #1F5276, #412B27)
• Driftwood Archive color palette (#FBF4EF, #DBDBD2, #A1B0AD, #A17762, #58514C)
• Patina Denim Chapel color palette (#F1F0FF, #A787B2, #3F9199, #076593, #232031)
• Cerulean Garden color palette (#FFF1F4, #C599CC, #5CA9B4, #4082AB, #4D363B)
• Weathered Harbor color palette (#FDF4E0, #928215, #43769C, #1C5687, #35332C)

Browse the whole catalog at Explore, or see today's palette.