Pale Courtyard color palette — #F7EAF4 · #8BE3F1 · #00B3EC · #199376 · #0C2F51

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

The five colors

• Blush (#F7EAF4): bright and airy, almost weightless.
• Ice Blue (#8BE3F1): A whisper-light, balanced blue — the color of deep harbor water.
• Cyan (#00B3EC): A luminous, balanced blue — the color of deep harbor water.
• Fern (#199376): A full-bodied, balanced teal — the color of sea glass.
• Navy (#0C2F51): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

Use it as a design system

One click turns Pale 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

• Pale Periwinkle color palette (#FBE9F0, #A8DAFF, #74A3FB, #008F9A, #2A284D)
• Aged Cerulean color palette (#EEF0E4, #82D3E1, #0096B2, #006C6C, #003344)
• Aged Bloom color palette (#FCF2F6, #D8DDF4, #A5BEED, #54A7B0, #3E4661)
• Feathered Forest Market color palette (#F4E1EE, #3DC7C3, #0093AA, #007141, #001623)
• Antique Meadow color palette (#F2D4E8, #FF8965, #00B6C2, #D65026, #003033)
• Tangerine Ridge color palette (#FDE5F5, #FF673F, #00A8BC, #547FC9, #371208)
• Patina Harbor color palette (#EFE3E9, #44AED4, #0079C4, #005E59, #02012C)
• Timeworn Petrol color palette (#F0E8DC, #98BEA3, #007695, #004C45, #001828)

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