Soft Courtyard color palette — #F9E8FA · #5FA4F7 · #AF4C31 · #5D6800 · #341C36

Cornflower and Terracotta set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F9E8FA): A whisper-light, dusty pink — the color of a candy shop window.
• Cornflower (#5FA4F7): A luminous, balanced blue — the color of open sky before noon.
• Terracotta (#AF4C31): A full-bodied, balanced orange — the color of autumn markets.
• Olive (#5D6800): A full-bodied, balanced green — the color of fresh herbs.
• Deep Indigo (#341C36): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged warm.

Use it as a design system

One click turns Soft 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

• Hushed Alley color palette (#FAE7FB, #5692D8, #BF5A79, #6E6100, #321E33)
• Lilac Field color palette (#FCE9EE, #A976CA, #C0614A, #496D00, #3C1A26)
• Periwinkle Studio color palette (#EEF6FF, #3DA2FF, #A0891C, #715E00, #061627)
• Brick Drift color palette (#FFF1F6, #8D72B9, #AF3638, #395700, #041B36)
• Worn Pewter color palette (#F1F0D9, #809FEA, #9A5D9F, #006733, #442437)
• Cerulean Boulevard color palette (#E2F4E9, #009FC2, #AA649D, #8B5000, #072E1D)
• Faded Lagoon color palette (#FFE6F8, #8EA6FF, #DD7BA8, #B16E68, #32202E)
• Weathered Orchard color palette (#DBF6ED, #3997D7, #928024, #007162, #002E24)

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