Washed Cocoa color palette — #FFF2EE · #FFC1BC · #EAA08C · #B5886F · #714001

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

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Shell Pink (#FFC1BC): A whisper-light, dusty orange — the color of sun-warmed clay.
• Melon (#EAA08C): A luminous, balanced orange — the color of toasted spice.
• Caramel (#B5886F): A luminous, dusty gold — the color of afternoon light on wheat.
• Bronze (#714001): A full-bodied, balanced gold — the color of old brass.

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

• Worn Stone Courtyard color palette (#FFF3E8, #EBDAB8, #E3AC80, #AD8162, #582E00)
• Antique Terracotta Quarry color palette (#FFEAFD, #E0A79F, #C17461, #8C4222, #502E41)
• Muted Apricot color palette (#FBF1FF, #FFD6D8, #DF9783, #AA7757, #3F593F)
• Petal Lantern color palette (#FFF1F4, #FFBBEF, #E39CC4, #B5818F, #66473D)
• Softworn Powder Chapel color palette (#FFF2EB, #FFC6B0, #83D4F3, #D5977F, #375546)
• Cocoa Corridor color palette (#FFF2EA, #DEDCCC, #B8C4D1, #D3AE9F, #734104)
• Faded Tangerine color palette (#FFDBD3, #FFAA86, #EE8304, #AB6C00, #4E3800)
• Dusty Sand color palette (#FFF2EA, #FFB38A, #7BD2B3, #ACA7DD, #48413C)

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