Softworn Cocoa color palette — #FCEDF6 · #CFB2BB · #A47667 · #774852 · #1F3126
A conversation between Coffee and Mocha, giving this palette its sense of sophistication and grounding.
The five colors
- Blush (#FCEDF6): a clean, paper-quiet neutral.
- Rosewood Mist (#CFB2BB): A luminous, dusty rose — the color of pressed rose petals.
- Mocha (#A47667): A luminous, dusty orange — the color of sun-warmed clay.
- Coffee (#774852): A full-bodied, dusty red — the color of a theater curtain.
- Deep Forest (#1F3126): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Sophistication, Grounding. Tagged earthy, warm, 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
- Softworn Chestnut Station color palette (#EAF5ED, #A4C3B7, #928157, #774C2F, #1A312F)
- Washed Ridge color palette (#FFF0F9, #CFADBC, #A8715D, #70526D, #404C3E)
- Weathered Terracotta Grove color palette (#EDF1FF, #BEB9E3, #AB708C, #87352C, #3F2500)
- Wandering Cocoa color palette (#FFF2EB, #DEC6AD, #C18D7C, #906A62, #5B4400)
- Worn Atelier color palette (#F4F0F9, #B2819D, #975844, #005547, #1C1524)
- Antique Indigo color palette (#EFF2F8, #B5C2EA, #AB7545, #6B64B9, #211017)
- Garnet Terrace color palette (#FCDAED, #AF8544, #933E00, #6A0022, #151300)
- Pewter Thicket color palette (#EFF2FA, #A5CDC2, #5D5C85, #2E2C4E, #10131F)
Browse the whole catalog at Explore, or see today's palette.