Softworn Courtyard color palette — #F0F6FA · #DADAE4 · #CEC2C4 · #5FABBD · #334249

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DADAE4): bright and airy, almost weightless.
• Oat (#CEC2C4): a calm mid-gray that lets other colors speak.
• Cyan (#5FABBD): A luminous, dusty blue — the color of open sky before noon.
• Charcoal (#334249): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Wandering Archive color palette (#ECF9F1, #BDE3EC, #64AF96, #457E9A, #1C403A)
• Ancient Denim color palette (#E7F0F5, #C7D1DF, #A0A3C2, #00566E, #000306)
• Iris Basin color palette (#F0F5FF, #DFD8E2, #B9B1A8, #6C8AF2, #2B3547)
• Weathered Boulevard color palette (#E0FBFF, #BFDFF8, #A1BCD5, #887F4A, #275A61)
• Timeworn Azure color palette (#E3FCEE, #89DFCC, #6494D1, #6F6500, #133743)
• Muted Summit color palette (#EDF7FF, #BDDBF0, #CBC0C8, #D3ABFF, #122D4F)
• Hushed Periwinkle color palette (#EEF6FF, #5CA4E3, #40445C, #12202C, #00060B)
• Washed Cobalt Alley color palette (#EFF6FF, #91BDFB, #5D8BCB, #854C00, #002C51)

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