Gentle Courtyard color palette — #FFF0F8 · #FFA475 · #2FC6F0 · #87A6D8 · #482F3D

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Melon (#FFA475): A luminous, balanced orange — the color of autumn markets.
• Cyan (#2FC6F0): A luminous, balanced blue — the color of a favorite pair of jeans.
• Blue Fog (#87A6D8): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#482F3D): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Balance. Tagged light.

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

• Dusty Periwinkle Studio color palette (#FFF2EB, #F5A485, #78ACF4, #6F94C7, #3B2517)
• Softworn Blush Field color palette (#FCF1FF, #FF9CB3, #5BCBB6, #6DA8C6, #423146)
• Pale Mustard color palette (#E1FEE6, #EDB425, #84B6FF, #9E9ED8, #273E2C)
• Hushed Pier color palette (#E3DFED, #6BE2FF, #FFB758, #51604F, #252C24)
• Stone Dune color palette (#FFF0F7, #DBFFE3, #AFE6F2, #DEA4A4, #455543)
• Gentle Orchid Thicket color palette (#F0E2CD, #F5AF36, #A36DF1, #1789E6, #332000)
• Muted Hollow color palette (#FFF0F8, #F0C99D, #D99C7E, #9B7C99, #314236)
• Apricot Station color palette (#FFF3E7, #E78C00, #7AA94C, #AE7285, #3C3731)

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