Misty Courtyard color palette — #FFF0FC · #B6D9FF · #96B3FF · #9476FF · #272D56

Lavender Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#FFF0FC): A whisper-light, dusty pink — the color of neon signs at night.
• Powder Blue (#B6D9FF): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#96B3FF): A luminous, balanced violet — the color of a velvet chair.
• Lavender Blue (#9476FF): A luminous, vivid violet — the color of twilight just after sunset.
• Navy (#272D56): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged candy, vibrant, light, cool.

Use it as a design system

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

• Airy Wisteria Harbor color palette (#FFF0F9, #B7CEFF, #CDA4E6, #B97AF5, #362B5B)
• Chalky Grape Pier color palette (#E0E1F3, #A59BEA, #8C67CD, #763FA9, #47275B)
• Muted Byzantium Market color palette (#FFE5F6, #85B7FF, #8387FF, #9430FE, #171041)
• Weathered Lilac Atelier color palette (#EFF6FF, #D7D9E5, #D4B4D7, #A69FFF, #111E36)
• Faded Thicket color palette (#E0FDF1, #6AE2FF, #5CC9FF, #4A9BFF, #003450)
• Gentle Periwinkle Archive color palette (#FFEFFF, #42E0FC, #59A0FF, #A053A5, #2D294D)
• Magenta Harbor color palette (#FFF1F4, #CABEFF, #D58BFF, #EA00C8, #440D4F)
• Amethyst Loft color palette (#FDE8F1, #AC9BE2, #00AAAF, #7B54CE, #003E40)

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