Softworn Cocoa color palette — #FFF2EF · #C2FFF0 · #E2D8CB · #C09EBF · #75381C

Bronze and Honeydew set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Honeydew (#C2FFF0): A whisper-light, dusty teal — the color of glacier melt.
• Bone (#E2D8CB): A whisper-light, dusty gold — the color of old brass.
• Mauve (#C09EBF): A luminous, dusty pink — the color of neon signs at night.
• Bronze (#75381C): A full-bodied, balanced orange — the color of sun-warmed clay.

Feels like: Optimism, Sophistication, Softness, Clarity. Tagged pastel, light, muted.

Use it as a design system

One click turns Softworn 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

• Chestnut Balcony color palette (#FFF2EB, #DEDDCC, #B7C0CB, #C8AD95, #7A4611)
• Worn Lichen Harbor color palette (#FCF1FF, #F8F9C9, #E9D7D8, #9C9DC5, #574554)
• Pale Sunflower color palette (#FFF2F0, #E9E0B5, #DCCF32, #D476A1, #592511)
• Patina Celadon Dune color palette (#FFF3E7, #DCEEB8, #A3EAA2, #EA918D, #46423C)
• Sand Drift color palette (#FFF3E5, #E1D094, #CBA576, #A87C68, #3F3D36)
• Weathered Chartreuse color palette (#DDDEED, #3EF57F, #FFADB6, #6D534C, #332723)
• Timeworn Apricot Loft color palette (#FFF2E9, #FF9D65, #79B3E7, #6B94BB, #38312D)
• Wandering Straw Delta color palette (#FFF2EB, #EAD584, #C48268, #69615D, #2C1E16)

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