Softworn Cocoa color palette — #FFF2E9 · #DEDCCB · #B0AFB9 · #CA9796 · #724300

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

The five colors

• Ivory (#FFF2E9): a clean, paper-quiet neutral.
• Bone (#DEDCCB): A whisper-light, dusty green — the color of new leaves after rain.
• Ash (#B0AFB9): a calm mid-gray that lets other colors speak.
• Rosewood Mist (#CA9796): A luminous, dusty red — the color of a theater curtain.
• Bronze (#724300): A full-bodied, balanced gold — the color of honey in a jar.

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

• Stone Boulevard color palette (#FFF1F7, #C2F0FB, #E5D6D4, #CEA5BE, #604E55)
• Worn Seafoam Corridor color palette (#FBF6DE, #CFE8CA, #85E9CA, #B09C63, #564E00)
• Softworn Bronze Grove color palette (#F8F5EA, #D1CCA6, #9F9F6C, #906E2A, #4A4B00)
• Worn Marigold color palette (#FCF4E7, #C5A759, #64A3CF, #7F71A0, #403D36)
• Weathered Cocoa color palette (#FAF4ED, #E6CDA7, #947947, #674600, #312A21)
• Quiet Moss Ridge color palette (#EDDCCF, #C29537, #898F00, #801F00, #150900)
• Hazy Chartreuse color palette (#FFF3E7, #F7E599, #BBDF4F, #DB754A, #584618)
• Muted Mint Veranda color palette (#FFF4E1, #C3F0C7, #8AD88E, #AC7E51, #3F3C36)

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