Worn Cocoa color palette — #FFF1F6 · #93B093 · #8E6476 · #724433 · #2F4335

Coffee and Pewter set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Sage (#93B093): A luminous, dusty green — the color of new leaves after rain.
• Pewter (#8E6476): A full-bodied, dusty rose — the color of strawberry cream.
• Coffee (#724433): A full-bodied, dusty orange — the color of toasted spice.
• Forest (#2F4335): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, muted.

Use it as a design system

One click turns Worn 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

• Bronze Canyon color palette (#ECF9EC, #90B09A, #896D43, #6B4455, #284437)
• Patina Pewter Courtyard color palette (#FFF3E8, #CEBB9D, #AF8567, #915654, #3F3D36)
• Muted Lagoon color palette (#E1FBFF, #039683, #925C85, #7C3F31, #14393E)
• Ancient Meadow color palette (#FFE6F4, #C88E60, #995435, #73322E, #4A2F00)
• Pewter Workshop color palette (#EDF9F0, #9CC2B0, #6B8974, #4C654C, #384D46)
• Frosted Chestnut color palette (#F1D8E3, #AD7C40, #7E4416, #5F1F0B, #302100)
• Washed Petrol color palette (#EAF8FB, #6CC0B7, #2F74AA, #006F68, #182532)
• Softworn Canyon color palette (#E8F9FB, #C3AB7A, #00604D, #00372B, #0F1F27)

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