Worn Cocoa color palette — #FFE8E0 · #94BBA1 · #498D6F · #834749 · #653A00

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

The five colors

• Rose Water (#FFE8E0): A whisper-light, dusty orange — the color of toasted spice.
• Sage (#94BBA1): A luminous, dusty teal — the color of shallow lagoons.
• Fern (#498D6F): A full-bodied, balanced teal — the color of shallow lagoons.
• Coffee (#834749): A full-bodied, balanced red — the color of a theater curtain.
• Bronze (#653A00): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged vintage, retro, 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

• Patina Veranda color palette (#FED2E6, #87B5A3, #3C857D, #81422F, #5A3C4C)
• Mulberry Boulevard color palette (#FFE4FE, #C2A36F, #618349, #8E3F63, #6C4044)
• Worn Studio color palette (#FFF1F5, #A9A768, #3B7A32, #724500, #3F3D00)
• Tempered Pewter color palette (#DFFEEE, #A3BBAF, #66959A, #875A4B, #345746)
• Softworn Garnet Harbor color palette (#EFDDE4, #AA9765, #417249, #74273E, #512B00)
• Worn Jade Canyon color palette (#F3F0E2, #67B483, #2F7CA3, #5F4D00, #303F0B)
• Washed Navy color palette (#E2E6D2, #7FB488, #248980, #53427A, #451E24)
• Pewter Quarry color palette (#EBF7BC, #A2CAA5, #4FA296, #7B66A3, #534668)

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