Weathered Cocoa color palette — #DFF6FF · #008596 · #813C00 · #563400 · #00130D

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

The five colors

• Frost (#DFF6FF): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#008596): A full-bodied, balanced blue — the color of deep harbor water.
• Bronze (#813C00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Cocoa (#563400): A deep, shadowed, dusty gold — the color of old brass.
• Ink (#00130D): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged jewel, vibrant, muted.

Use it as a design system

One click turns Weathered 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

• Washed Petrol color palette (#E9F3FF, #0070B2, #8A2F19, #611F06, #000F10)
• Chalky Grape color palette (#DAF9FC, #008F77, #8700A8, #583000, #001416)
• Timeworn Cobalt color palette (#E9F3FF, #4172D2, #7B5E00, #584200, #00191D)
• Plum Quarry color palette (#E0FDED, #009CBE, #C03079, #6F4B00, #1D2703)
• Tempered Mulberry Summit color palette (#E5F5FF, #0090BA, #9E116F, #3E3B00, #1A1900)
• Softworn Lapis color palette (#DAFCE1, #009FCC, #5B4BBE, #4F3B00, #001D37)
• Worn Garnet Meadow color palette (#D1E1F1, #006A98, #7D0022, #440C00, #000404)
• Washed Courtyard color palette (#E4FCED, #00A6BF, #8159DC, #2E5600, #041300)

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