Sunlit Courtyard color palette — #FDF0FF · #71B8FF · #3BC45E · #34A14F · #39213C

Built around Clover, softened by Kelly Green — the whole palette hums with nature and growth.

The five colors

• Blush (#FDF0FF): A whisper-light, dusty pink — the color of peonies in June.
• Sky (#71B8FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Clover (#3BC45E): A luminous, vivid green — the color of fresh herbs.
• Kelly Green (#34A14F): A luminous, balanced green — the color of new leaves after rain.
• Deep Indigo (#39213C): A deep, shadowed, dusty pink — the color of neon signs at night.

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

Use it as a design system

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

• Teal Coast color palette (#FFF0F9, #A8A7FF, #00C1A6, #009F89, #3C2132)
• Misty Moss color palette (#FFF1F7, #CCBBFF, #64A738, #14946E, #3E202F)
• Pale Mustard color palette (#FFF0FD, #8CB1FF, #C4A300, #A28600, #392237)
• Pale Market color palette (#FFE8ED, #D586F6, #94AB57, #788C3F, #371E25)
• Tempered Harbor color palette (#F8D2E4, #B59FFF, #6D8A00, #007B42, #2A111E)
• Tempered Mallow color palette (#FFF2F0, #FFA2C4, #77C7C4, #87A385, #4A3836)
• Wandering Blush color palette (#DBFFEC, #BCB6FF, #E87093, #008E7D, #44284F)
• Soft Peony Coast color palette (#FFDADB, #FF51CE, #00AEA1, #008D83, #350E29)

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