Timeworn Courtyard color palette — #DDFDFA · #A5C7CC · #7D949E · #6F6685 · #684B58

Slate and Charcoal Brown set the tone — five colors that lean into sophistication.

The five colors

• Ivory (#DDFDFA): A whisper-light, dusty teal — the color of glacier melt.
• Ash (#A5C7CC): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate Blue (#7D949E): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#6F6685): A full-bodied, dusty violet — the color of wild irises.
• Charcoal Brown (#684B58): A full-bodied, dusty rose — the color of pressed rose petals.

Feels like: Sophistication. Tagged vintage, retro, 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

• Dusty Station color palette (#E8F8FF, #A5B8C9, #7987A6, #855348, #41553F)
• Bone Courtyard color palette (#F2FAD8, #BCE5D1, #A2C8C3, #B3969A, #624C4A)
• Dusty Station color palette (#B8EBF9, #94AFC0, #5B7798, #7C424A, #5C393B)
• Dusty Station color palette (#EEF8F4, #A7C9C2, #628D6D, #4B6F61, #37544E)
• Cypress Coast color palette (#EAF8FC, #80BDBC, #CA818B, #008383, #5B435F)
• Weathered Garnet color palette (#C9ECF0, #5395B7, #40547C, #661118, #3D1D00)
• Antique Market color palette (#DAEDFA, #7F93C2, #815BAF, #733B00, #473700)
• Hushed Bronze Thicket color palette (#FEF4E4, #CDD2B6, #8CB198, #B27051, #793C1D)

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