Timeworn Courtyard color palette — #FBF2F6 · #D8D4DF · #C4BFEE · #589FA4 · #454D61

Built around Storm Blue, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#FBF2F6): a clean, paper-quiet neutral.
• Silver (#D8D4DF): a clean, paper-quiet neutral.
• Lavender (#C4BFEE): A whisper-light, dusty violet — the color of a velvet chair.
• Storm Blue (#589FA4): A luminous, dusty blue — the color of a favorite pair of jeans.
• Charcoal Brown (#454D61): A full-bodied, dusty violet — the color of wild irises.

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

• Ash Cabin color palette (#EBF4F3, #D4D9ED, #73A1CA, #3B7388, #2A3747)
• Weathered Hollow color palette (#FBF1FF, #DFFFE2, #E9D6D9, #B5AAD2, #5B4B58)
• Weathered Loft color palette (#FCF1FF, #FFB3C6, #77CEBA, #68B0B3, #3F3343)
• Sky Boulevard color palette (#FEF1FA, #D3D5E4, #00C1EA, #008C60, #003959)
• Muted Hollow color palette (#FFF1F7, #A0D4F0, #3E7CC4, #005152, #070330)
• Softworn Stone color palette (#FFF1F5, #C5F3EC, #C9A2AF, #8D7082, #32443C)
• Washed Azure color palette (#FBF2F9, #B5F1FD, #3B9DCA, #006C58, #001E40)
• Weathered Taupe color palette (#FAF1FE, #F7D3CB, #91DDCD, #C78396, #164F56)

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