Timeworn Courtyard color palette — #F9F3F7 · #D5D6EA · #86BACE · #479879 · #3D556B

A conversation between Fern and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Silver (#D5D6EA): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#86BACE): A luminous, dusty blue — the color of deep harbor water.
• Fern (#479879): A luminous, balanced teal — the color of sea glass.
• Peacock (#3D556B): A full-bodied, dusty blue — the color of a favorite pair of jeans.

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

• Dusty Powder color palette (#FCF3EF, #BDE6EE, #A7C7EE, #6D9E88, #39544C)
• Washed Drift color palette (#F5F6EF, #C6E7E0, #45A9B9, #317D76, #43584C)
• Washed Denim color palette (#EEE5EC, #609DAA, #006085, #003D32, #00081C)
• Bronze Delta color palette (#EDF9EC, #BAD1C2, #88A586, #966853, #354E45)
• Petrol Cabin color palette (#EFE3EB, #77C0C1, #00829C, #005C3C, #002237)
• Lagoon Drift color palette (#D8F9E6, #BECC9D, #84B379, #418D5D, #20575C)
• Wandering Emerald Loft color palette (#EBF9F6, #B1CEA7, #D59DC1, #679D55, #643F57)
• Wandering Azure color palette (#FFF0F9, #AEE5FA, #3CA2F1, #00837C, #283B76)

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