Washed Cocoa color palette — #FFF2EF · #FFCAD2 · #EC9FA5 · #B77B78 · #793C1E

Bronze takes the lead with Rose Quartz close behind in a set that reads as optimism and warmth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Shell Pink (#FFCAD2): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#EC9FA5): A luminous, balanced red — the color of late-summer berries.
• Caramel (#B77B78): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#793C1E): A full-bodied, balanced orange — the color of autumn markets.

Feels like: Optimism, Warmth, Comfort, Sophistication, Softness, Clarity. Tagged light, muted, warm.

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

• Patina Rust color palette (#F7F3FF, #FAD3CD, #F39FA3, #B6634F, #5B3B4A)
• Coral Balcony color palette (#FAECFF, #EDA2B0, #CB6872, #884D4C, #422D3E)
• Muted Archive color palette (#FFF1F5, #EFC4F7, #D2A0D2, #B284A9, #654042)
• Worn Stone Alley color palette (#FFF2EA, #FEC6A2, #E4AE7F, #AA8458, #57524C)
• Airy Tangerine Ridge color palette (#F8DDDC, #FFA394, #FF6D42, #D05615, #672E00)
• Cocoa Terrace color palette (#FFF2EB, #DFD9CD, #D9B5A8, #92B8B6, #784113)
• Muted Shell color palette (#FFF2ED, #FEB0A6, #CEBD86, #C79ECE, #48403D)
• Wandering Amber Workshop color palette (#FCECE2, #D27A00, #AB6D00, #735000, #271B00)

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