Softworn Courtyard color palette — #FCF3EE · #AECEBC · #417EAE · #00605A · #2C395B

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FCF3EE): a clean, paper-quiet neutral.
• Pistachio (#AECEBC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#417EAE): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Pine (#00605A): A full-bodied, dusty teal — the color of sea glass.
• Navy (#2C395B): A deep, shadowed, dusty violet — the color of wild irises.

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

• Weathered Study color palette (#E8F5F3, #A3CEE7, #0087B4, #005A64, #062337)
• Antique Abyss color palette (#F9EBE4, #9DBB9B, #007587, #00532D, #003249)
• Azure Cabin color palette (#F4F6EE, #A9DEF2, #00A3D8, #007A88, #173F57)
• Cobalt Quarry color palette (#FAF4EE, #C9E3DB, #6E88C6, #006F7B, #5D3C4F)
• Navy Chapel color palette (#EDE2DA, #4C89A4, #003E6E, #002221, #03002D)
• Cobalt Lagoon color palette (#F2EFDF, #8E9535, #5A72C7, #575C00, #223068)
• Timeworn Sky color palette (#FDF1F8, #B0EBFF, #74B9EF, #369E93, #273B59)
• Hushed Loft color palette (#E8E0D9, #6DA7C6, #0056A6, #003E3F, #151055)

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