Worn Cocoa color palette — #DDF2FF · #00638B · #743400 · #002E43 · #070100

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

The five colors

• Frost (#DDF2FF): A whisper-light, dusty blue — the color of open sky before noon.
• Peacock (#00638B): A full-bodied, balanced blue — the color of open sky before noon.
• Bronze (#743400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Midnight (#002E43): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#070100): A deep, shadowed, dusty orange — the color of toasted spice.

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

• Antique Garnet color palette (#C5EBF9, #006870, #8C0028, #003035, #0A0001)
• Shadow Cocoa Thicket color palette (#DFEFFA, #004F74, #632D00, #332A00, #000103)
• Chestnut Study color palette (#D6ECE2, #0082B2, #9B4E00, #004B69, #1D0900)
• Moonless Nightshade Balcony color palette (#E1EBFA, #173AB4, #4A3900, #030068, #020100)
• Washed Cabin color palette (#DEF7DC, #A15A00, #0066A2, #090B16, #000104)
• Linen Mulberry color palette (#DEEFFC, #00678F, #800075, #003146, #21001D)
• Muted Violet Meadow color palette (#D9ECFA, #8096E2, #8F5CA2, #00484E, #000916)
• Eclipse Cobalt color palette (#DDEAF6, #006EBA, #003763, #001426, #000104)

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