Softworn Courtyard color palette — #F0F8F1 · #B5E9FF · #6FBAEE · #369CA2 · #223B5C

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

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#B5E9FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Sky (#6FBAEE): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#369CA2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Navy (#223B5C): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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 Periwinkle Canyon color palette (#FBF3EE, #BFE5F5, #69ADE6, #008078, #1E2C54)
• Timeworn Powder Ridge color palette (#DDFCFF, #B7E5FF, #A9C4F1, #89B28F, #24474E)
• Tempered Bloom color palette (#DBE8DD, #5CABD1, #0079C3, #005C65, #000623)
• Timeworn Cornflower Alley color palette (#DCE7DE, #88C9F0, #2795F7, #007B8B, #0E1C43)
• Wandering Cobalt Hollow color palette (#F1F3EB, #ACD1BE, #1D86B3, #005966, #002339)
• Aqua Workshop color palette (#E1F1E4, #00C8CD, #0093A9, #006F59, #001721)
• Washed Mint color palette (#BCEFF6, #00CAAB, #AC94E9, #C78352, #0A3136)
• Soft Seafoam Atelier color palette (#C5FFF7, #41EAD2, #00BDA9, #00857B, #002721)

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