Timeworn Courtyard color palette — #ECF9F1 · #9AE2F5 · #F6B4A5 · #5BB7CD · #534B47

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

The five colors

• Ivory (#ECF9F1): a clean, paper-quiet neutral.
• Ice Blue (#9AE2F5): A whisper-light, dusty blue — the color of open sky before noon.
• Rose Quartz (#F6B4A5): A whisper-light, balanced orange — the color of autumn markets.
• Cyan (#5BB7CD): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#534B47): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. Tagged 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

• Cocoa Garden color palette (#E9F9F5, #B3D9FF, #E9BD98, #7DADDB, #6F4000)
• Hushed Veranda color palette (#F1F8EB, #9FE7CA, #EEB2D4, #73B99E, #644343)
• Powder Courtyard color palette (#E7FBF0, #85D4F0, #E2AACB, #B6B17F, #31483C)
• Patina Cerulean color palette (#EEF8F0, #8DD2D8, #DAA385, #2E9DA6, #723E09)
• Azure Harbor color palette (#DAFFF1, #83CFFF, #FFAC65, #0097D8, #592E00)
• Ancient Cocoa Villa color palette (#FDF4E9, #E7D7BD, #CDB08D, #A88C74, #594500)
• Weathered Amber color palette (#E5F5FD, #71C1D5, #D58467, #207E92, #422639)
• Muted Powder Harbor color palette (#DFFEEE, #C3EBFF, #85C4E7, #5590AC, #043A4E)

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