Softworn Courtyard color palette — #E9F9F4 · #B7EAE0 · #91C0BB · #849FA9 · #40514E

Sea Foam and Ash set the tone — five colors that lean into sophistication and softness.

The five colors

• Ivory (#E9F9F4): bright and airy, almost weightless.
• Sea Foam (#B7EAE0): A whisper-light, dusty teal — the color of sea glass.
• Ash (#91C0BB): A luminous, dusty teal — the color of sea glass.
• Blue Fog (#849FA9): A luminous, dusty blue — the color of deep harbor water.
• Charcoal Brown (#40514E): A full-bodied, dusty teal — the color of sea glass.

Feels like: Sophistication, Softness, Clarity, Grounding. Tagged botanical, earthy, muted, light.

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

• Muted Bloom color palette (#EDF9F0, #AADECD, #82A784, #777C93, #3E524B)
• Weathered Driftwood Delta color palette (#F8F2FF, #E5D5DD, #B7B3A8, #77798A, #58505E)
• Lagoon Atelier color palette (#F8EFF2, #AECBBB, #618D85, #655B7A, #23362C)
• Wandering Mallow color palette (#F6F3FF, #F8BEF6, #84D3F7, #C298C0, #325165)
• Hushed Mallow Basin color palette (#F7F2FF, #FBA8E0, #EEAC8D, #9FACDE, #463F50)
• Tempered Pier color palette (#EBF9EF, #D2CD8C, #9FA75F, #917B94, #253B30)
• Patina Teal Meadow color palette (#CBECEB, #6DD0AD, #25A791, #4C7B96, #003032)
• Mallow Delta color palette (#F8F2FF, #FFD0D2, #E2A3CA, #A97995, #3E314D)

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