Worn Cocoa color palette — #D5EFD1 · #97D6EA · #82A7D6 · #A77970 · #6C3408

Bronze and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D5EFD1): A whisper-light, dusty green — the color of new leaves after rain.
• Ice Blue (#97D6EA): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#82A7D6): A luminous, balanced blue — the color of deep harbor water.
• Mocha (#A77970): A luminous, dusty orange — the color of sun-warmed clay.
• Bronze (#6C3408): A deep, shadowed, balanced gold — the color of afternoon light on wheat.

Feels like: Trust, Stability, Optimism, Balance. 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

• Driftwood Study color palette (#E1EDCB, #94D1C9, #75AEC1, #9A7392, #553A34)
• Bronze Thicket color palette (#C9F0E1, #D8B6D5, #B4A1D1, #A97341, #563D00)
• Chestnut Pier color palette (#DEFFE8, #A4DFE4, #CFAFC6, #AD8F83, #744505)
• Weathered Lilac Balcony color palette (#C4E7FA, #9EC3FF, #AB86F2, #A9704F, #523D07)
• Hushed Alley color palette (#C2E6F2, #7699C3, #6B68C7, #7E3F2A, #271600)
• Dusty Basalt color palette (#F0E8CB, #B4C19C, #6095AA, #766536, #554000)
• Dusty Pewter Corridor color palette (#CEE2F8, #7B7BB1, #825390, #664000, #0E0F00)
• Tempered Ridge color palette (#FBF4EA, #BBE8FF, #65B9FF, #289CA9, #4A3049)

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