Softworn Courtyard color palette — #EFF8F0 · #9BE4DF · #00A9B7 · #1D7E5D · #1A3F51

Cyan takes the lead with Teal close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF8F0): bright and airy, almost weightless.
• Sea Foam (#9BE4DF): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00A9B7): A luminous, balanced blue — the color of open sky before noon.
• Teal (#1D7E5D): A full-bodied, balanced teal — the color of sea glass.
• Deep Teal (#1A3F51): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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

• Timeworn Azure Chapel color palette (#EEF8F0, #A4DDFC, #629BCE, #227983, #273B58)
• Weathered Forest color palette (#FAF2F8, #9ECEDA, #00879A, #006434, #034059)
• Teal Veranda color palette (#DBE7DD, #4DA2A2, #006471, #003D2E, #000B11)
• Emerald Terrace color palette (#FDF3ED, #CFE8CC, #55C3D8, #47A069, #0B4058)
• Washed Aqua color palette (#E7F4EA, #56C4CB, #00829A, #005B4B, #002332)
• Aged Boulevard color palette (#E5E0FF, #CC61E0, #B17F00, #00888F, #2C273F)
• Hushed Coast color palette (#F0F7F1, #DBDDEC, #99B2DC, #668CA0, #495267)
• Bronze Chapel color palette (#D4F0E0, #A9B66B, #8D8231, #6D572A, #123831)

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