Timeworn Courtyard color palette — #FAF3F7 · #D2D6EB · #93D3E1 · #81AF90 · #3C566A

Ice Blue and Sage set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FAF3F7): bright and airy, almost weightless.
• Silver (#D2D6EB): A whisper-light, dusty violet — the color of a velvet chair.
• Ice Blue (#93D3E1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sage (#81AF90): A luminous, dusty teal — the color of sea glass.
• Peacock (#3C566A): A full-bodied, dusty blue — the color of open sky before noon.

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

• Washed Meadow color palette (#EFF6FF, #A5CAFB, #E3B47B, #9AB180, #364454)
• Hushed Lagoon color palette (#F5F6EE, #CCE3DB, #7FBEC1, #519586, #37523F)
• Antique Villa color palette (#E2F5FF, #A3E0FF, #8EBBED, #7B92C2, #444C6B)
• Sky Terrace color palette (#FFF0FB, #B3F0FF, #61C2F9, #00A891, #23406B)
• Cerulean Terrace color palette (#FBE8F6, #76BDC9, #008FBE, #006F59, #00142D)
• Periwinkle Loft color palette (#EEF6FF, #B6D8FF, #DCC492, #7AACE5, #35563D)
• Softworn Turquoise color palette (#F7F0ED, #C9E5DC, #53AABD, #4B765B, #243C33)
• Wandering Stone Boulevard color palette (#FFF0F9, #F0CFDB, #D0A8C1, #A08AA0, #3B4D3F)

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