Worn Cocoa color palette — #F7EAF0 · #C5D5C6 · #A8AA78 · #7A3800 · #060103

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

The five colors

• Blush (#F7EAF0): bright and airy, almost weightless.
• Oat (#C5D5C6): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A8AA78): A luminous, dusty green — the color of new leaves after rain.
• Bronze (#7A3800): A full-bodied, balanced gold — the color of old brass.
• Ink (#060103): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, 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

• Aged Cocoa Ridge color palette (#E9F0EA, #BFD6CC, #84B0AA, #634900, #000401)
• Patina Bronze Hollow color palette (#F6EBE4, #A69F92, #857E35, #582500, #0A0300)
• Ancient Basin color palette (#F3EBF5, #DFC8D8, #C298A9, #871F44, #050107)
• Worn Moss color palette (#D3E7DC, #6F9E4A, #005D39, #510927, #000200)
• Fern Parlor color palette (#FFE0D5, #AF9151, #386D2E, #43295E, #0D0521)
• Fern Harbor color palette (#EEF7F5, #C7DFE9, #97C4CD, #466D00, #00100D)
• Eclipse Cocoa Station color palette (#DDEDE0, #644800, #30312A, #0B181A, #050600)
• Wandering Rust Harbor color palette (#F3E4CD, #BA5500, #484500, #140059, #020100)

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