Weathered Cocoa color palette — #FFF2ED · #70A77B · #247490 · #7A352F · #324329

A conversation between Rust and Jade, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Jade (#70A77B): A luminous, balanced green — the color of new leaves after rain.
• Teal (#247490): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Rust (#7A352F): A full-bodied, balanced orange — the color of sun-warmed clay.
• Forest (#324329): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Ancient Chestnut Terrace color palette (#FFF3E6, #74B7A5, #537AA5, #7A4F17, #374E3C)
• Patina Chapel color palette (#FFF2EE, #A5985C, #007C64, #782E5D, #3E3D36)
• Timeworn Bloom color palette (#E6F7E9, #4DB09B, #00788E, #6C2C51, #04282F)
• Quiet Drift color palette (#FFF4E2, #48CAB0, #0096B1, #8C496E, #2F432E)
• Dusty Cocoa color palette (#FCF3ED, #C0AC8D, #6D7A4B, #2E655C, #583D00)
• Hushed Lagoon color palette (#FFDEC0, #009464, #005881, #552C00, #00302E)
• Muted Chestnut Garden color palette (#FDEFD1, #B4BEA2, #6D8F7B, #805915, #465101)
• Pale Ultramarine Workshop color palette (#FFF4DF, #00A0A2, #4150C3, #554300, #003C4D)

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