Weathered Cocoa color palette — #FEEEE7 · #8CB895 · #2B8693 · #7B3C3D · #24301A

Rust takes the lead with Cerulean close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FEEEE7): bright and airy, almost weightless.
• Sage (#8CB895): A luminous, dusty teal — the color of glacier melt.
• Cerulean (#2B8693): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7B3C3D): A full-bodied, balanced orange — the color of autumn markets.
• Deep Forest (#24301A): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Mulberry Harbor color palette (#FDEFE4, #B3AD7E, #478867, #6F3E66, #2F2D18)
• Chestnut Pier color palette (#FBF0E1, #7DB8B7, #537BA9, #6C4B0C, #1A3224)
• Timeworn Ridge color palette (#EAF5EE, #6FA5B8, #3C7B90, #772E53, #1B2E08)
• Muted Coast color palette (#F6F6E7, #62BAA8, #00888E, #4A5686, #3F4C3C)
• Aged Fern Orchard color palette (#F2F3E8, #BDC9AA, #538F89, #676518, #283700)
• Jade Station color palette (#FFEEE3, #00AA85, #006B8C, #672900, #002221)
• Timeworn Cerulean Atelier color palette (#FFF0FA, #94CEA6, #3CA2B4, #965C63, #304D51)
• Chestnut Chapel color palette (#F6F3DC, #C7D1BE, #7E9C8A, #915134, #583900)

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