Worn Cocoa Courtyard color palette — #F0F7F2 · #5DA4B2 · #7365A1 · #81393F · #45423B

Built around Rust, softened by Slate — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Blue Fog (#5DA4B2): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#7365A1): A full-bodied, balanced violet — the color of a velvet chair.
• Rust (#81393F): A full-bodied, balanced red — the color of a theater curtain.
• Charcoal (#45423B): a grounded near-black with real depth.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

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

• Ancient Lagoon color palette (#EAF9F4, #6C9EC5, #8A5F88, #803F04, #314A29)
• Muted Pier color palette (#F3F7EE, #68A88A, #4E749A, #773A69, #593B1E)
• Terracotta Meadow color palette (#FCF2F8, #7983C3, #954752, #4B4B00, #004047)
• Wandering Pewter color palette (#EFF4E9, #6AAD8C, #995A7F, #614801, #342406)
• Faded Summit color palette (#D5F9E6, #8FBFE3, #5482BA, #3F5E9B, #644158)
• Ancient Aubergine color palette (#E5FBF2, #0088BA, #7E2F98, #6F2300, #283600)
• Muted Lagoon color palette (#EAF9F8, #7AC49B, #B076A2, #7D6624, #304937)
• Antique Bronze color palette (#E3FDEB, #B2C6BF, #A28C9C, #9F5F41, #714600)

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