Timeworn Courtyard color palette — #F2F2EB · #C4E5DB · #4DACB5 · #36786D · #243C2D

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

The five colors

• Cream (#F2F2EB): bright and airy, almost weightless.
• Silver (#C4E5DB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cyan (#4DACB5): A luminous, balanced blue — the color of deep harbor water.
• Teal (#36786D): A full-bodied, dusty teal — the color of sea glass.
• Forest (#243C2D): A deep, shadowed, dusty teal — the color of sea glass.

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

• Timeworn Periwinkle color palette (#F1F3EC, #C0E6E9, #69A2D3, #417385, #403041)
• Ancient Petrol Archive color palette (#E8EAE1, #89BCD3, #0073A4, #004956, #00172B)
• Lagoon Summit color palette (#EFF0E3, #2C8690, #00434F, #001F1E, #000202)
• Washed Alley color palette (#FBF3F0, #BEE4E9, #9CCAF4, #65A17F, #37554A)
• Cerulean Study color palette (#F1F3E6, #8EDEF3, #0090B6, #006168, #00293B)
• Ultramarine Drift color palette (#E8EDE1, #6EA0D4, #0051B6, #00354E, #01022F)
• Washed Chestnut color palette (#F7F1E6, #CBB995, #938156, #774F05, #312C1B)
• Weathered Iris color palette (#FFEDE9, #E79BA4, #8796E4, #A05A63, #40273A)

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