Softworn Courtyard color palette — #ECF8FA · #CFDBED · #9DC0D8 · #006E6B · #000F14

Built around Teal, softened by Sky — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF8FA): bright and airy, almost weightless.
• Silver (#CFDBED): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#9DC0D8): A luminous, dusty blue — the color of open sky before noon.
• Teal (#006E6B): A full-bodied, balanced teal — the color of sea glass.
• Ink (#000F14): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Sophistication. Tagged scandi, 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

• Hushed Alley color palette (#EEF7F6, #CADEE7, #9AC3CB, #207220, #01100E)
• Tempered Abyss Garden color palette (#E7F0F4, #BDD3E3, #89A9CE, #005765, #000305)
• Ancient Boulevard color palette (#DFE8DE, #AAB7AF, #7A948C, #004F4A, #020F01)
• Petrol Orchard color palette (#C9EBFD, #006B81, #312A2E, #001425, #000103)
• Weathered Lagoon Hollow color palette (#E1EBED, #B7C1D4, #A4A4C3, #009485, #082428)
• Petrol Bloom color palette (#B8EAFE, #77ACCB, #5A6DA7, #5F3230, #210E00)
• Softworn Cobalt Ridge color palette (#F1F5FC, #DCD9E3, #D1BDDA, #5671C2, #171F2B)
• Tempered Pine color palette (#E7FBF0, #96AC66, #227313, #004738, #050900)

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