Worn Courtyard color palette — #F6EFF4 · #D4D2E8 · #7EA0BE · #417861 · #29364D

Teal and Blue Fog set the tone — five colors that lean into calm and sophistication.

The five colors

• Ivory (#F6EFF4): bright and airy, almost weightless.
• Silver (#D4D2E8): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#7EA0BE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#417861): A full-bodied, dusty teal — the color of sea glass.
• Navy (#29364D): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Calm, Sophistication. Tagged coastal, cool, 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

• Dusty Courtyard color palette (#F1F7F2, #D4DEED, #799FB7, #257E77, #3D556B)
• Ancient Driftwood color palette (#DDF8F7, #C8DCEE, #BEBCDA, #678D7D, #213C40)
• Worn Pine Field color palette (#E2F7F5, #8CC299, #BF89A8, #458155, #372B43)
• Hushed Cobalt Workshop color palette (#FAEEF3, #A0D8F9, #5E81C6, #00635C, #271A4A)
• Denim Archive color palette (#F4E5F1, #56AAB9, #005F8A, #003B26, #01042C)
• Weathered Navy Alley color palette (#E6DAE1, #3F8299, #003C70, #002019, #01000A)
• Driftwood Ridge color palette (#EBF5EC, #A1C5B4, #708B73, #6B4E5E, #17322D)
• Ancient Market color palette (#D9FCE8, #A9BC85, #659868, #166353, #053945)

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