Sunlit Courtyard color palette — #E8FAEC · #FFC9AF · #DBC000 · #00C173 · #232A00

Clover and Saffron set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E8FAEC): A whisper-light, dusty teal — the color of sea glass.
• Peach Cream (#FFC9AF): A whisper-light, dusty orange — the color of autumn markets.
• Saffron (#DBC000): A luminous, vivid green — the color of new leaves after rain.
• Clover (#00C173): A luminous, vivid teal — the color of glacier melt.
• Deep Forest (#232A00): A deep, shadowed, dusty green — the color of a quiet forest floor.

Feels like: Nature, Growth, Optimism, Balance. Tagged candy, vibrant, light.

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

• Hazy Market color palette (#D9F7F0, #FFCC65, #A2D900, #00BFAC, #00280C)
• Lime Quarry color palette (#FFEFF4, #FFC5CB, #FFAF5D, #98BB00, #342500)
• Sunflower Delta color palette (#DCFFE9, #FFE6C0, #E4C600, #8AA311, #141300)
• Soft Parlor color palette (#F1EDDE, #ABB300, #4EA500, #008241, #003928)
• Worn Chapel color palette (#FFF1D4, #FABC32, #C4AA00, #7C9400, #2B2700)
• Clover Courtyard color palette (#DAEFEC, #DAA500, #5EBA00, #00909F, #000E04)
• Sunlit Teal color palette (#D7EAE3, #8ECAA0, #00A892, #A45E5B, #0A311A)
• Misty Chartreuse color palette (#D4FFFC, #F0D900, #00ED7C, #00BBD4, #003124)

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