Timeworn Courtyard color palette — #F8EFF3 · #D7D1E5 · #849EC0 · #45737B · #303548

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

The five colors

• Ivory (#F8EFF3): a clean, paper-quiet neutral.
• Silver (#D7D1E5): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#849EC0): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#45737B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#303548): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn 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 Petrol color palette (#EEF8F7, #D5DCED, #729FBE, #33798B, #425567)
• Muted Frost Garden color palette (#F5EFFD, #BDF1E8, #D9D5C7, #8386A4, #423643)
• Timeworn Blush color palette (#F8EDFF, #D77AA3, #439E9B, #498482, #2C2332)
• Washed Boulevard color palette (#EEDAE4, #40AACE, #0058A3, #003A30, #080329)
• Dusty Petrol color palette (#F1E4F0, #60C5D0, #0074A0, #004E2D, #061431)
• Navy Coast color palette (#EBD9DF, #457FA5, #1F3280, #001F1E, #020008)
• Timeworn Forest Orchard color palette (#F9EDFA, #8AE2DE, #0091B1, #216527, #002647)
• Weathered Driftwood Lagoon color palette (#FFECF3, #A4C5AC, #9F7A5C, #665063, #1E312A)

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