Sunlit Courtyard color palette — #F1F5FF · #989DE3 · #D47F61 · #409A6F · #2F374D

Coral Clay and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F1F5FF): a clean, paper-quiet neutral.
• Mauve (#989DE3): A luminous, balanced violet — the color of twilight just after sunset.
• Coral Clay (#D47F61): A luminous, balanced orange — the color of sun-warmed clay.
• Fern (#409A6F): A luminous, balanced teal — the color of sea glass.
• Navy (#2F374D): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Optimism, Creativity, Calm, 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

• Tangerine Drift color palette (#FFF0F9, #ADB3FF, #FD8256, #3DA877, #392332)
• Wandering Mallow Harbor color palette (#F4F4FF, #C79FDE, #C09E72, #5AA09E, #413F56)
• Antique Blush color palette (#ECF7FF, #5CB0D9, #CF78A0, #888D2E, #203B4D)
• Worn Terrace color palette (#F5F3FF, #BE88C6, #95934C, #307E6D, #332F44)
• Mustard Field color palette (#FFF0FB, #A5BBFF, #B9BB4C, #6FAD66, #453041)
• Chalky Fern color palette (#F3F4FF, #9977BA, #A26F2D, #686702, #343454)
• Sunlit Moss color palette (#F2DAFF, #D27196, #84930D, #2180B1, #35233E)
• Driftwood Atelier color palette (#FFF1F6, #A9C8A9, #AE8664, #7F5D72, #2A4433)

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