Worn Courtyard color palette — #F2DEE6 · #A78810 · #505C00 · #2D3C62 · #10301D

Mustard and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Shell Pink (#F2DEE6): A whisper-light, dusty rose — the color of pressed rose petals.
• Mustard (#A78810): A luminous, balanced green — the color of fresh herbs.
• Olive (#505C00): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#2D3C62): A deep, shadowed, dusty violet — the color of a velvet chair.
• Deep Forest (#10301D): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Optimism, Balance, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Worn 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

• Washed Forest Hollow color palette (#D8EADE, #7E964C, #00672E, #423659, #003127)
• Patina Fern Canyon color palette (#F3E3EC, #A88850, #555A00, #412D5B, #1B1000)
• Powdered Hollow color palette (#E4FDE6, #ABA83E, #4A7828, #4F4A75, #204334)
• Olive Loft color palette (#F3E1D5, #C29F57, #6C7A25, #5A4D76, #362600)
• Orchid Basin color palette (#D8DBFF, #9D4BEB, #687100, #5E2391, #282C00)
• Weathered Courtyard color palette (#D6F3E5, #377F07, #00432D, #2D163A, #001410)
• Midnight Ridge color palette (#D5EAD5, #666000, #1B3200, #180B38, #000804)
• Byzantium Quarry color palette (#EEE4FF, #8C1FE2, #5B6500, #205C0E, #261639)

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