Worn Cocoa Courtyard color palette — #E3F6F6 · #50AA77 · #5E6BB3 · #843400 · #00351C

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

The five colors

• Ivory (#E3F6F6): a clean, paper-quiet neutral.
• Jade (#50AA77): A luminous, balanced teal — the color of sea glass.
• Slate (#5E6BB3): A full-bodied, balanced violet — the color of wild irises.
• Rust (#843400): A full-bodied, balanced orange — the color of sun-warmed clay.
• Deep Forest (#00351C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged warm.

Use it as a design system

One click turns Worn Cocoa Courtyard 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 Boulevard color palette (#E5F5FA, #00AAAF, #6E64B7, #744200, #003334)
• Tempered Cobalt color palette (#E3F7F1, #84A245, #446DC4, #872F00, #4D1800)
• Hazy Violet Market color palette (#EBFBE6, #00C0AE, #8D5BB8, #693E00, #2A1600)
• Soft Station color palette (#E3F6FB, #14AAAB, #007F99, #910D4D, #0A3600)
• Frosted Byzantium Terrace color palette (#C5F0FD, #00A0A2, #A003C2, #5F4200, #002B25)
• Chestnut Bloom color palette (#CCF0EE, #93C5CE, #6B94B1, #8C532F, #54471C)
• Dusty Mulberry Delta color palette (#DDF3FC, #008393, #940062, #571F00, #131300)
• Muted Workshop color palette (#EBFAED, #B3B989, #638E59, #27716A, #173E31)

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