Sunlit Courtyard color palette — #FFF1F1 · #FB82D0 · #E87075 · #978B00 · #441936

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Bubblegum (#FB82D0): A luminous, vivid pink — the color of peonies in June.
• Watermelon (#E87075): A luminous, balanced red — the color of a theater curtain.
• Olive Leaf (#978B00): A luminous, balanced green — the color of new leaves after rain.
• Espresso (#441936): A deep, shadowed, dusty pink — the color of neon signs at night.

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

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

• Blush Villa color palette (#FFF0F7, #B8A9FF, #EA7BB3, #8C8800, #2C234D)
• Patina Emerald Delta color palette (#FFF1F0, #FF8DBF, #F67E66, #009D58, #441B2E)
• Faded Bloom color palette (#FFF2F0, #FF6FAD, #E55D53, #608100, #1C1E45)
• Blush Meadow color palette (#DEFEF2, #4CBEFF, #F771AD, #A38600, #002F47)
• Fuchsia Ridge color palette (#FDDBDD, #EC6AD1, #9A9E00, #0087A8, #37092E)
• Pale Peony color palette (#FFF1F6, #C8A0FF, #E571BB, #00843E, #41076E)
• Linen Lagoon color palette (#F1D6DE, #BD82F2, #E65F46, #008450, #231032)
• Feathered Fuchsia Lantern color palette (#F2FAD8, #9DC1FF, #DD6EC3, #008C8A, #352D5B)

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