Worn Cocoa color palette — #D7F4FD · #7BA3C8 · #6765A7 · #802A00 · #523500

Built around Rust, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Frost (#D7F4FD): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#7BA3C8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6765A7): A full-bodied, balanced violet — the color of wild irises.
• Rust (#802A00): A full-bodied, balanced orange — the color of toasted spice.
• Cocoa (#523500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.

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

• Weathered Pewter color palette (#E1ECF7, #99A0D2, #8F5DA2, #694300, #434000)
• Powdered Cobalt color palette (#C2EFE9, #52B2C4, #0A70B3, #822E49, #692910)
• Weathered Powder color palette (#D7EAEF, #86C8FF, #9799D5, #9C6B5A, #5C3700)
• Airy Ultramarine color palette (#D4E4D7, #38B2C2, #455DC2, #414C00, #1C2200)
• Mulberry Grove color palette (#EBECFF, #987AA8, #844564, #3D3A00, #003023)
• Timeworn Pewter color palette (#EBF7FF, #BAC5D5, #8F93A6, #896478, #475548)
• Airy Cornflower color palette (#D1E9D4, #6AC4CA, #4F89E9, #596A00, #3C4800)
• Dusty Ultramarine color palette (#D5E6FF, #4579FF, #8A6B00, #0C00E9, #3A2C00)

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