Washed Cocoa color palette — #FFF2F0 · #FFC6CA · #E79C95 · #B97D6E · #774210

Bronze and Rose Quartz set the tone — five colors that lean into optimism and warmth.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Shell Pink (#FFC6CA): A whisper-light, dusty red — the color of embers at dusk.
• Rose Quartz (#E79C95): A luminous, balanced orange — the color of sun-warmed clay.
• Caramel (#B97D6E): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#774210): A full-bodied, balanced gold — the color of honey in a jar.

Feels like: Optimism, Warmth, Comfort, Sophistication. 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

• Ember Pier color palette (#F8E7FF, #E39DA5, #C96763, #804435, #4B313F)
• Ancient Marigold Field color palette (#FFF1E8, #FFCCA5, #E1B077, #A78D57, #654C00)
• Washed Blush color palette (#F6F3FF, #F3D5D1, #F19D9B, #AB6646, #3F583F)
• Antique Coral Loft color palette (#FFF2EC, #FFC5BA, #89D5E5, #DC9285, #345641)
• Chalky Tangerine Grove color palette (#FEE2E2, #FFA691, #FD6E08, #B46200, #573700)
• Weathered Chestnut Bloom color palette (#FFF2EB, #DEDBCC, #B8CAD7, #DAADA1, #794411)
• Ancient Lantern color palette (#FDECE3, #D88100, #A06D00, #635100, #201E00)
• Mint Harbor color palette (#FFF2EB, #F8B5A0, #8ECFA9, #A3AADE, #48413D)

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