Timeworn Courtyard color palette — #F5EDE1 · #8EBDAF · #4067A8 · #004D5F · #242952

Slate and Midnight set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#F5EDE1): a clean, paper-quiet neutral.
• Mint Leaf (#8EBDAF): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#4067A8): A full-bodied, balanced violet — the color of wild irises.
• Deep Teal (#004D5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#242952): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, 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

• Muted Balcony color palette (#EFE8E0, #8CC0B1, #5463B2, #004B4C, #1E0536)
• Muted Loft color palette (#F5EDE2, #9DBA9E, #007586, #005140, #003344)
• Gentle Sapphire color palette (#FEF4E3, #78C0F2, #006BD1, #005462, #1D2A6D)
• Ancient Garden color palette (#E7DED1, #67ABB5, #006179, #003F37, #002235)
• Weathered Cerulean color palette (#FEF4E4, #A0D9E6, #008CB5, #006761, #00446B)
• Patina Iris Corridor color palette (#F7EBEF, #A8C8E6, #6E7FD2, #006B6E, #36224F)
• Dusty Terrace color palette (#FEE4FE, #BFBFFD, #B894CB, #006385, #2B3455)
• Wandering Delta color palette (#E9F1EA, #AFD8FC, #6CA3FF, #008CAA, #242A4E)

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