Timeworn Courtyard color palette — #FBF2F7 · #D3DFFC · #6DAAE5 · #198C88 · #3A4862

Cornflower and Fern set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#FBF2F7): bright and airy, almost weightless.
• Powder Blue (#D3DFFC): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#6DAAE5): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#198C88): A full-bodied, balanced teal — the color of shallow lagoons.
• Charcoal (#3A4862): A full-bodied, dusty violet — the color of wild irises.

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

• Antique Lagoon Coast color palette (#F9F4ED, #C4DEEB, #8EC1EA, #2F9199, #4E354E)
• Gentle Moss Coast color palette (#F1F5FF, #9C9AE9, #AF9800, #479A62, #30374E)
• Cerulean Grove color palette (#F4F6EE, #B1E5FE, #5592B7, #286C7B, #2D4F46)
• Hushed Ash Meadow color palette (#F2F5FF, #E5D5E2, #F3BFA7, #7B9CC4, #45455C)
• Denim Orchard color palette (#EEDEE9, #4DA0AF, #006084, #003D31, #00091B)
• Aged Pine Boulevard color palette (#FFF0FA, #7ADFD9, #009DB4, #007741, #003850)
• Dusty Petrol Parlor color palette (#EBE0E8, #75C0C0, #00829A, #005D39, #002236)
• Softworn Station color palette (#ECDFE4, #74A9CB, #095DD5, #00494E, #100938)

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