Softworn Courtyard color palette — #F6F3FF · #C498C3 · #3F96A1 · #3E6A95 · #333644

A conversation between Slate and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Mauve (#C498C3): A luminous, dusty pink — the color of peonies in June.
• Cerulean (#3F96A1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3E6A95): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#333644): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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 Teal color palette (#FDF2F5, #C5A5DF, #23A69D, #367594, #2D1F29)
• Taupe Loft color palette (#FCF1FC, #CE898D, #6C8FB8, #716692, #3C3445)
• Aged Boulevard color palette (#FFF1F1, #E69FC5, #42BA96, #7C82B2, #3B2C2C)
• Peony Field color palette (#FAF1FF, #E8568F, #0079A8, #4544B5, #371838)
• Patina Taupe Orchard color palette (#EDF9EE, #B9985A, #5C9873, #8B5C6B, #3E2B35)
• Timeworn Stone Terrace color palette (#EDF9ED, #CEAB7A, #849365, #387663, #603434)
• Dusty Taupe color palette (#FAF3F7, #E0D7D6, #BBAFA7, #BD907A, #594F55)
• Petrol Station color palette (#FFF0FE, #BF6163, #3C67AF, #62428A, #271B31)

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