Worn Courtyard color palette — #F1F8EB · #BAF4DF · #FFB4BC · #50AE91 · #5F3C32
Jade and Ballet Pink set the tone — five colors that lean into sophistication and softness.
The five colors
- Ivory (#F1F8EB): a clean, paper-quiet neutral.
- Mint (#BAF4DF): A whisper-light, dusty teal — the color of shallow lagoons.
- Ballet Pink (#FFB4BC): A whisper-light, balanced red — the color of late-summer berries.
- Jade (#50AE91): A luminous, balanced teal — the color of shallow lagoons.
- Cocoa (#5F3C32): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Sophistication, Softness, Clarity. Tagged light, 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
- Tempered Orchard color palette (#F4F7EA, #C6F4C5, #D4BFFB, #73AA73, #5E3949)
- Patina Basin color palette (#E9FAF0, #C9E3FF, #EFC19E, #57A6BF, #673900)
- Weathered Orchard color palette (#EEFAE6, #C4E8E5, #D0C5B9, #B5B286, #465848)
- Dusty Balcony color palette (#EFF7F4, #D8D7CB, #618BAB, #284F44, #101F1A)
- Tempered Seafoam color palette (#EAFBE5, #7DE0D2, #E7A7AD, #C89196, #303C2C)
- Weathered Blush Study color palette (#ECF5E8, #7DC3B6, #DA7A94, #1E8374, #452824)
- Tempered Ash color palette (#EBF8FC, #74BEC2, #C280AC, #1A8286, #534663)
- Bronze Studio color palette (#FAF5E5, #CEE4C9, #B9AE8B, #9D7035, #334700)
Browse the whole catalog at Explore, or see today's palette.