Softworn Courtyard color palette — #F7F3FF · #EE75CF · #5D8300 · #007673 · #312442

Bubblegum takes the lead with Olive Leaf close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F7F3FF): a clean, paper-quiet neutral.
• Bubblegum (#EE75CF): A luminous, vivid pink — the color of neon signs at night.
• Olive Leaf (#5D8300): A full-bodied, balanced green — the color of fresh herbs.
• Teal (#007673): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Indigo (#312442): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Feathered Peony color palette (#F9F2FF, #EE52AA, #4A7200, #00656B, #231C3D)
• Softworn Blush Thicket color palette (#FDF0FF, #FF738F, #008B57, #007386, #37223B)
• Wandering Orchid color palette (#F3F4FF, #B56CF6, #9B8600, #007A4A, #282843)
• Weathered Coral Loft color palette (#FFF0FE, #FF5965, #7C7D00, #006267, #33235D)
• Timeworn Mallow color palette (#FFF1F3, #F5A5FF, #00AA8C, #158EAF, #3A1F3E)
• Powdered Blush color palette (#DFFFE5, #FF7489, #C05E00, #006A5F, #522722)
• Magenta Workshop color palette (#F6F3FF, #BF00C1, #00795D, #005843, #2E2642)
• Coral Market color palette (#FFF2EC, #FD7865, #969900, #0D7C2B, #301102)

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