Softworn Courtyard color palette — #F8F3F8 · #D3D5E5 · #B1C2E7 · #66A272 · #394F68

Built around Moss, softened by Sky — the whole palette hums with nature and growth.

The five colors

• Ivory (#F8F3F8): bright and airy, almost weightless.
• Silver (#D3D5E5): A whisper-light, dusty violet — the color of wild irises.
• Sky (#B1C2E7): A luminous, dusty violet — the color of twilight just after sunset.
• Moss (#66A272): A luminous, balanced green — the color of new leaves after rain.
• Peacock (#394F68): A full-bodied, dusty blue — the color of deep harbor water.

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

• Aged Glacier Station color palette (#F8F5EF, #BEE2E7, #77D8E8, #6DB29A, #3B5045)
• Wandering Mustard color palette (#EFF6FF, #B1CCFF, #D3B86F, #B99F5A, #2B394E)
• Frosted Sky color palette (#FDF1F9, #D3D5E5, #67B5F9, #008B6D, #282C6A)
• Tempered Bloom color palette (#EDF4EE, #CAE1F8, #77A4B7, #427765, #223947)
• Weathered Olive color palette (#FCF3F0, #C5F2E5, #79A48E, #6B752F, #5D4C5F)
• Muted Harbor color palette (#EFE4ED, #62B0B9, #005C80, #002D19, #000109)
• Cobalt Canyon color palette (#E7F9FF, #D0DAED, #7CBAF1, #6F78C1, #464A6C)
• Tempered Driftwood color palette (#FDF2F7, #CDEAE2, #C7A1B6, #A1686E, #32443B)

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