Faded Courtyard color palette — #E8F8FF · #4FBFFF · #0E87F2 · #1841BA · #180F55

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

The five colors

• Ivory (#E8F8FF): bright and airy, almost weightless.
• Sky (#4FBFFF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#0E87F2): A luminous, vivid blue — the color of deep harbor water.
• Cobalt (#1841BA): A full-bodied, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#180F55): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged cool.

Use it as a design system

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

• Cornflower Workshop color palette (#D3EAFF, #8DBFFF, #547DFF, #4D32B3, #2F165A)
• Sky Quarry color palette (#DFFBFF, #00C5EC, #0091CB, #005182, #001958)
• Wandering Grove color palette (#DEF4F9, #23BBFE, #2E91FF, #4655F4, #3A1576)
• Powdered Nightshade color palette (#DBF1F7, #009CD2, #005BA7, #1900A5, #1E0049)
• Tempered Indigo color palette (#F2F5FF, #C1CCFF, #5E6DFF, #2C23AA, #030027)
• Sapphire Lantern color palette (#FFF0FE, #83B3FF, #C99006, #0060DB, #2A1B00)
• Cellar Nightshade color palette (#D2E5F7, #0069E7, #2A00AF, #170043, #020006)
• Lilac Corridor color palette (#EFF6FF, #C0D0FF, #9889FF, #6C45A4, #3D1C54)

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