Hazy Courtyard color palette — #DFF8FF · #62BBFF · #1877FA · #4B11DE · #33005C
Iris and Sapphire set the tone — five colors that lean into trust and stability.
The five colors
- Ivory (#DFF8FF): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Sky (#62BBFF): A luminous, balanced blue — the color of a favorite pair of jeans.
- Sapphire (#1877FA): A full-bodied, vivid blue — the color of a favorite pair of jeans.
- Iris (#4B11DE): A full-bodied, vivid violet — the color of wild irises.
- Deep Indigo (#33005C): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
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
- Washed Summit color palette (#DFF0FF, #7FB6FF, #6D6AFF, #6F0FC3, #360146)
- Misty Nightshade Field color palette (#CBFCFF, #22C5F6, #0088C9, #0037BD, #1E0863)
- Gentle Sapphire Station color palette (#D4EAFF, #6CB0FF, #5493FF, #3860E5, #282978)
- Nightshade Alley color palette (#F4F4FF, #BDC0FF, #706FFF, #3500A8, #04001F)
- Ultramarine Villa color palette (#D1E7EC, #0091C4, #004FE9, #4100A0, #240039)
- Timeworn Sapphire Ridge color palette (#EFF6FF, #86B3FF, #AF9D06, #015BE5, #241F00)
- Lowlit Nightshade color palette (#D9ECFB, #2E5EDC, #3800AE, #1F0037, #030004)
- Dusty Violet Market color palette (#EFF6FF, #C0CAFF, #996DFF, #7F2FA5, #4E224B)
Browse the whole catalog at Explore, or see today's palette.