Worn Cocoa Courtyard color palette — #F4EBF0 · #E0C9D0 · #90AF9C · #862A00 · #070005

Rust takes the lead with Sage close behind in a set that reads as sophistication at first glance.

The five colors

• Blush (#F4EBF0): bright and airy, almost weightless.
• Oat (#E0C9D0): A whisper-light, dusty rose — the color of pressed rose petals.
• Sage (#90AF9C): A luminous, dusty teal — the color of shallow lagoons.
• Rust (#862A00): A full-bodied, balanced orange — the color of autumn markets.
• Black (#070005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Sophistication. Tagged scandi, muted, light.

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 Basin color palette (#F4EAF6, #DBCAD5, #B89EA7, #90083C, #050106)
• Cocoa Garden color palette (#E9F0E8, #BFD7C9, #8EAEA6, #6B4300, #000400)
• Patina Cocoa color palette (#F2E7EC, #B297A2, #957550, #5A2400, #0C0107)
• Hushed Coast color palette (#EFE6DF, #B5B09F, #A19B77, #B64D00, #1F1006)
• Ancient Grove color palette (#ECF9F3, #C9DEE4, #9EC3C6, #5D6607, #01100B)
• Dusty Fern color palette (#F5D5DE, #605904, #6C4300, #252010, #060600)
• Wandering Navy color palette (#FFEAED, #B0866A, #70690A, #192B65, #1B0023)
• Pale Forest color palette (#CEE9D6, #869839, #0F5E1C, #461831, #010100)

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