Softworn Cocoa color palette — #FFF2EA · #E8D6C0 · #D4AD91 · #B88185 · #584500

Deep Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF2EA): a clean, paper-quiet neutral.
• Bone (#E8D6C0): A whisper-light, dusty gold — the color of honey in a jar.
• Rosewood Mist (#D4AD91): A luminous, dusty gold — the color of honey in a jar.
• Dusty Rose (#B88185): A luminous, dusty red — the color of a theater curtain.
• Deep Olive (#584500): A deep, shadowed, balanced green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Pewter Orchard color palette (#FFF0F8, #E1C0CC, #BE9078, #9A645A, #3D4C3F)
• Quiet Rust color palette (#FFEBD4, #D2C995, #D59540, #CC5532, #2B3C12)
• Muted Stone Ridge color palette (#FCEDF5, #A6C5A5, #99778B, #635166, #223028)
• Softworn Blush color palette (#EAF9F3, #8ECBF2, #95A8D5, #CC7E9A, #2C433A)
• Frosted Ridge color palette (#F7E9D6, #B5B67F, #B68419, #9F542E, #142B0A)
• Dusty Bronze color palette (#F5E9C8, #89AC6C, #8A7F00, #7E4E00, #001C0F)
• Teal Pier color palette (#F2F7F0, #FED3BF, #6FAC9F, #5F7455, #272E23)
• Airy Field color palette (#F7E6D7, #967E40, #8D4D00, #7B010E, #030400)

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