Softworn Cocoa color palette — #FAF4EE · #C9C0A9 · #708A65 · #7B5C61 · #604A00

Bronze and Eucalyptus set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Stone (#C9C0A9): A luminous, dusty gold — the color of afternoon light on wheat.
• Eucalyptus (#708A65): A luminous, dusty green — the color of fresh herbs.
• Graphite (#7B5C61): A full-bodied, dusty red — the color of embers at dusk.
• Bronze (#604A00): A full-bodied, balanced gold — the color of honey in a jar.

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

• Washed Coast color palette (#F7F5EE, #C0C3AD, #578D82, #467062, #4C5200)
• Pine Coast color palette (#FCF4E9, #B8B08F, #538056, #565381, #4F4100)
• Hushed Driftwood Garden color palette (#EBF5EF, #A1CFC0, #6D8D68, #4C647A, #253530)
• Hushed Violet Orchard color palette (#FFF1F3, #C4A2C9, #78A779, #9754A0, #4D4E47)
• Weathered Driftwood color palette (#FFF1F3, #E3D9D1, #AAB3BF, #7F86B0, #5C4747)
• Worn Study color palette (#FBF3F1, #CBE8E1, #64A3BE, #4A7C57, #614962)
• Ancient Fern color palette (#F6E4D3, #817C47, #1F5200, #312259, #1F1B00)
• Spruce Market color palette (#EADED2, #626025, #053503, #2D0025, #070600)

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