Sunlit Courtyard color palette — #E2FDF0 · #6CCBF4 · #FE85C6 · #ABAA5A · #263E33

A conversation between Bubblegum and Sky, giving this palette its sense of nature and growth.

The five colors

• Ivory (#E2FDF0): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#6CCBF4): A luminous, balanced blue — the color of deep harbor water.
• Bubblegum (#FE85C6): A luminous, vivid rose — the color of a warm blush.
• Sage (#ABAA5A): A luminous, balanced green — the color of new leaves after rain.
• Forest (#263E33): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged 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

• Wisteria Garden color palette (#E9FBEA, #22D8D9, #D995F3, #CF9A46, #2C3D2C)
• Faded Bloom color palette (#FFF0FE, #98BFFF, #F99393, #7CB76F, #423241)
• Patina Aqua Dune color palette (#E5FBF1, #F0D8D5, #6FC2CC, #AA9E97, #37534A)
• Antique Blush Meadow color palette (#E0EAF5, #51AAFF, #FF547E, #68A000, #002546)
• Gentle Amber Bloom color palette (#E3FCEE, #1CB6DE, #D58042, #9F790D, #213F30)
• Hushed Apricot Alley color palette (#F9DBE6, #C691FF, #E88B00, #00AD9F, #3E212C)
• Petal Orchard color palette (#E8F2D7, #FFB6D9, #A2CAFF, #6C5A6D, #2B232B)
• Weathered Study color palette (#FFF3E3, #DED0A1, #C9A66E, #A48062, #3F3D36)

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