Hazy Courtyard color palette — #F4F4FF · #A898FF · #653BDA · #440F95 · #271559
Iris and Indigo set the tone — five colors that lean into creativity and energy.
The five colors
- Ivory (#F4F4FF): a clean, paper-quiet neutral.
- Wisteria (#A898FF): A luminous, balanced violet — the color of wild irises.
- Iris (#653BDA): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#440F95): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#271559): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Energy. Tagged monochrome, 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
- Chalky Station color palette (#F9F2FF, #BF95FC, #932ED0, #540088, #310651)
- Soft Workshop color palette (#F0F0FF, #A8ABFF, #7354D8, #3D1D7D, #16003A)
- Sunlit Ridge color palette (#F1F5FF, #879CFF, #2E4CEC, #18219C, #0C1C58)
- Chalky Indigo Meadow color palette (#F4F4FF, #CEC8FF, #A297FF, #7265D1, #260C5B)
- Violet Loft color palette (#F5F4FF, #C2B2FF, #916CF1, #4340A4, #281554)
- Softworn Plum color palette (#F6F3FF, #D69BCB, #A55596, #672B63, #432142)
- Aubergine Atelier color palette (#EDE4F0, #B55AC6, #6D0079, #2F0038, #17001B)
- Sky Boulevard color palette (#EDF7FF, #47BAFF, #0072AC, #004165, #002941)
Browse the whole catalog at Explore, or see today's palette.