Timeworn Courtyard color palette — #FAF4EC · #BFE7D5 · #598FBE · #116F78 · #544053

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

The five colors

• Ivory (#FAF4EC): bright and airy, almost weightless.
• Celadon Mist (#BFE7D5): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#598FBE): A luminous, balanced blue — the color of deep harbor water.
• Teal (#116F78): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#544053): A full-bodied, dusty pink — the color of neon signs at night.

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

• Cypress Pier color palette (#F9F0E9, #C4E5D6, #6C90BB, #006C6C, #3D2136)
• Antique Cobalt color palette (#FAF4EB, #A7C9EB, #5777B5, #005C74, #4C3043)
• Washed Lagoon color palette (#FBF2F6, #D3DEFA, #84A8D0, #3F8886, #3D4569)
• Weathered Teal Market color palette (#E9E2D8, #59AEB2, #006272, #003F33, #002331)
• Cerulean Garden color palette (#EEE4D5, #0090A8, #00425A, #002221, #000A17)
• Amber Courtyard color palette (#FFF3E9, #DE8745, #2D93CA, #975013, #224B3E)
• Soft Aqua Coast color palette (#FFF4E2, #3ECFCC, #007C8A, #005841, #003949)
• Amber Balcony color palette (#FFF3E7, #C57100, #008F80, #725C94, #3C3732)

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