Softworn Cocoa color palette — #FFF2F0 · #EADABE · #BBCFA2 · #AF92C5 · #622709

Rust takes the lead with Mauve close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2F0): a clean, paper-quiet neutral.
• Bone (#EADABE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Pistachio (#BBCFA2): A whisper-light, dusty green — the color of fresh herbs.
• Mauve (#AF92C5): A luminous, dusty violet — the color of wild irises.
• Rust (#622709): A deep, shadowed, balanced orange — the color of sun-warmed clay.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication, Softness. 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

• Timeworn Pier color palette (#FFF2EF, #E1D7CF, #9EB7CE, #C47DAF, #561B01)
• Patina Taupe Bloom color palette (#FFF2EB, #FEEBAF, #BEE1BA, #D091AC, #5F3C00)
• Gentle Lilac Lagoon color palette (#FFE4E0, #F4BA96, #B8B75F, #9E72B8, #401512)
• Weathered Stone Ridge color palette (#FCF1FF, #FBCED8, #ECB082, #AA7593, #483347)
• Chestnut Study color palette (#FFF2E9, #DDE1CA, #B9BCC7, #C8A990, #764806)
• Seafoam Harbor color palette (#FCEBCF, #D0EDB2, #65DCC2, #CF8379, #343100)
• Ancient Basin color palette (#F4E5D7, #D4BF96, #C29367, #9F6A62, #32312A)
• Softworn Quarry color palette (#FCEAE3, #C8CF82, #B7726A, #784741, #231109)

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