Softworn Courtyard color palette — #F4F6EF · #CDE2E2 · #9DCEEB · #58B1C1 · #345148

Built around Cyan, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#CDE2E2): A whisper-light, dusty teal — the color of sea glass.
• Sky (#9DCEEB): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#58B1C1): A luminous, balanced blue — the color of open sky before noon.
• Charcoal Brown (#345148): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication, Softness, Clarity. 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

• Soft Cerulean color palette (#E0FEE8, #9EE1F5, #6FC3E4, #389BC8, #2D594B)
• Antique Parlor color palette (#E3FCF1, #8CD2F6, #C5B0F4, #64C49F, #30483F)
• Lagoon Dune color palette (#F5F6EB, #C7EAD1, #68C0D8, #00A0A0, #004155)
• Worn Courtyard color palette (#F4F6F0, #CAE5E8, #DABADD, #66ACCD, #614A60)
• Ash Canyon color palette (#EAF4F3, #D1DAEF, #7CA1BD, #487183, #273847)
• Softworn Terrace color palette (#DDE0D6, #7AA7C3, #0079C1, #005A71, #00091B)
• Azure Terrace color palette (#F3F7EC, #D0E7FF, #86B9FF, #009CD8, #273D70)
• Softworn Azure color palette (#E9ECDD, #8CCBE0, #00A0D1, #007B88, #002235)

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