Timeworn Courtyard color palette — #EFF8EF · #B3DCCC · #74A7A3 · #7A7B92 · #3A534A

Built around Blue Fog, softened by Oat — the whole palette hums with sophistication and grounding.

The five colors

• Ivory (#EFF8EF): a clean, paper-quiet neutral.
• Oat (#B3DCCC): A whisper-light, dusty teal — the color of glacier melt.
• Blue Fog (#74A7A3): A luminous, dusty teal — the color of sea glass.
• Slate (#7A7B92): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal Brown (#3A534A): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Sophistication, Grounding. Tagged botanical, earthy, 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

• Driftwood Courtyard color palette (#FFF1F5, #A5D0BA, #7C9974, #886772, #2B4A3B)
• Muted Basalt Bloom color palette (#F9F4EF, #BFE8D1, #8FBB99, #9D7B87, #524600)
• Lagoon Hollow color palette (#FAF3F8, #D7D5E6, #94B5D4, #5B947E, #47536A)
• Hushed Ash Dune color palette (#E8FBEC, #C2E8EF, #BFB9C3, #B690A6, #435850)
• Weathered Mustard color palette (#E8FBEF, #C1B267, #A89AD8, #A47BA5, #34483C)
• Aged Teal color palette (#D0E7E2, #31A88C, #006D79, #6D2B41, #002119)
• Softworn Quarry color palette (#D4EBE0, #79B680, #008475, #6D4763, #00302D)
• Weathered Pewter color palette (#DEFEF0, #DFE0AA, #96A46E, #6D7036, #103E30)

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