Hazy Courtyard color palette — #C5E7FC · #6DA4FF · #5355F0 · #500098 · #300045

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

The five colors

• Frost (#C5E7FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#6DA4FF): A luminous, balanced violet — the color of twilight just after sunset.
• Iris (#5355F0): A full-bodied, vivid violet — the color of wild irises.
• Plum (#500098): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#300045): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Linen Sapphire color palette (#CAE4ED, #24ABFB, #0061E6, #3110AA, #260056)
• Amethyst Alley color palette (#D7E7FF, #8A9BFF, #7A30E8, #660083, #370033)
• Feathered Ridge color palette (#C3F8FF, #31B1FB, #5C5ED1, #621F8A, #630043)
• Pale Studio color palette (#D2EDFF, #89BCFF, #767DF7, #6445AF, #550073)
• Nightshade Garden color palette (#C9E3FC, #6382D9, #5430B8, #41006B, #1C001C)
• Pale Grape Summit color palette (#DCFBE2, #3393F3, #6841C1, #5C3200, #0F1A39)
• Linen Grape Lantern color palette (#D3FFFF, #B2DEFF, #718AFF, #851EAD, #4B003B)
• Quiet Aubergine Lantern color palette (#D9E0F4, #755EC4, #65008D, #370036, #13000A)

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