Timeworn Courtyard color palette — #EFF7F6 · #D4DDEF · #69A2BD · #277B86 · #435563

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

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D4DDEF): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#69A2BD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#277B86): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#435563): A full-bodied, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, 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

• Turquoise Study color palette (#DDEDEA, #57ACC3, #00607C, #003D42, #002333)
• Lagoon Meadow color palette (#E2FBFE, #D0DDE9, #B3A8C2, #639A9D, #3E5054)
• Aged Bloom color palette (#EAF9F6, #A6CCDB, #00879D, #00605E, #1D3F51)
• Dusty Terrace color palette (#E0FBFF, #54A99A, #558FC1, #757B45, #2D474C)
• Aged Navy color palette (#D2E5E4, #5687A3, #004065, #00212A, #000919)
• Hushed Delta color palette (#E5FAFA, #7EC1A0, #C78A49, #1A865E, #61434E)
• Hushed Driftwood color palette (#ECF9F0, #A0C1AF, #8C8053, #44674C, #384D44)
• Hushed Dune color palette (#EDF8F7, #A3D4FF, #007EEC, #006184, #273E6A)

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