Gentle Courtyard color palette — #F8F2FF · #F669CA · #D37E1A · #3060B4 · #2E0C24

Bubblegum takes the lead with Mustard close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F8F2FF): a clean, paper-quiet neutral.
• Bubblegum (#F669CA): A luminous, vivid pink — the color of neon signs at night.
• Mustard (#D37E1A): A luminous, balanced gold — the color of old brass.
• Cobalt (#3060B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#2E0C24): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Warmth, Comfort. Tagged vibrant, warm.

Use it as a design system

One click turns Gentle 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 Workshop color palette (#FCF1FF, #E57494, #A7843B, #55559F, #1F0C24)
• Grape Chapel color palette (#FEF0FF, #FC7485, #5A92E4, #6C4EBE, #360610)
• Aubergine Canyon color palette (#FFF0FC, #FF857B, #A57300, #5834A4, #41002C)
• Hazy Rose color palette (#F2F5FF, #AB90FF, #E95C68, #007484, #1D1336)
• Aged Veranda color palette (#FFF0FC, #F69386, #9FA45A, #7F6599, #321C2E)
• Mustard Veranda color palette (#FFEFFF, #FF8A93, #C0A500, #009D9A, #49191F)
• Hazy Wisteria Market color palette (#F4F4FF, #CA83F0, #00A6A9, #007196, #251030)
• Feathered Atelier color palette (#FFEDEC, #C64188, #657400, #00545B, #290607)

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