Softworn Courtyard color palette — #FBF2F8 · #A1CDDA · #0086A0 · #00633F · #023F5F

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FBF2F8): a clean, paper-quiet neutral.
• Sky (#A1CDDA): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#0086A0): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#00633F): A full-bodied, balanced teal — the color of sea glass.
• Navy (#023F5F): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Cobalt Chapel color palette (#FEF1F6, #A9C9E3, #4B78BE, #005F64, #343561)
• Patina Lagoon Corridor color palette (#F2F3E9, #B0D2B1, #008C98, #005C53, #00262D)
• Worn Turquoise Station color palette (#ECF8F6, #AEDDEB, #00A9B6, #007D70, #00434D)
• Aqua Boulevard color palette (#FDF3EE, #C8EBC9, #60C1DA, #579D78, #104437)
• Softworn Abyss Ridge color palette (#F3E9F0, #4F8C90, #004356, #002317, #000A17)
• Timeworn Plum Parlor color palette (#D7F4FF, #00A0AC, #B95265, #00636A, #581F2A)
• Brick Studio color palette (#CBEBF7, #008A97, #B63B44, #A02A15, #00313F)
• Denim Garden color palette (#EADDE6, #6EAAB3, #00607F, #003F31, #00203F)

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