Weathered Cocoa color palette — #C7F1FD · #006C80 · #833B00 · #572500 · #000608

Built around Bronze, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Frost (#C7F1FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006C80): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Bronze (#833B00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#572500): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Ink (#000608): a grounded near-black with real depth.

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

• Muted Denim color palette (#D5F8EC, #00669D, #674F00, #433300, #00050C)
• Mulberry Terrace color palette (#CCECE8, #007068, #9C012F, #69001D, #010700)
• Eclipse Corridor color palette (#C2E8EA, #00513A, #562700, #271A00, #000603)
• Mulberry Station color palette (#E0F3FF, #006A86, #8C005A, #322600, #000102)
• Ultramarine Atelier color palette (#EED7EE, #0062CA, #5B3F00, #2F2600, #050900)
• Powdered Coast color palette (#D8EBCC, #009078, #A45B00, #655300, #000604)
• Frosted Aubergine Ridge color palette (#E1E1D0, #007CA8, #661E92, #302D00, #000728)
• Bronze Parlor color palette (#C3ECFF, #0093BF, #AE6200, #824700, #002330)

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