Worn Cocoa color palette — #F8EAEE · #C5D5CA · #8AB0A4 · #704000 · #070103

Bronze takes the lead with Sage close behind in a set that reads as optimism and sophistication at first glance.

The five colors

• Blush (#F8EAEE): a clean, paper-quiet neutral.
• Oat (#C5D5CA): A whisper-light, dusty teal — the color of sea glass.
• Sage (#8AB0A4): A luminous, dusty teal — the color of shallow lagoons.
• Bronze (#704000): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Ink (#070103): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Optimism, Sophistication. Tagged scandi, muted, light.

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

• Tempered Garnet color palette (#F3EBF2, #DCCAD4, #94AE94, #8F122D, #050105)
• Washed Olive color palette (#E4DDD7, #A69F90, #7F8038, #522B00, #090300)
• Patina Basalt Workshop color palette (#E5EEE8, #A7C2BA, #729E81, #473B00, #000201)
• Dusty Fern Studio color palette (#EAF9F6, #CCDCE6, #95C3D2, #317029, #00100E)
• Antique Garnet color palette (#D3E6DF, #629F66, #005B48, #560017, #000200)
• Timeworn Forest color palette (#F4E3D9, #9F9A64, #266942, #402349, #17001F)
• Muted Villa color palette (#D8E9D8, #AC6100, #3E4900, #1F0050, #020100)
• Amber Summit color palette (#DFF9E6, #FFA18F, #BE9300, #007433, #010100)

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