Lucid Courtyard color palette — #D7E2ED · #4287F3 · #444DFD · #4800D0 · #1D003F
A conversation between Iris and Indigo, giving this palette its sense of trust and stability.
The five colors
- Frost (#D7E2ED): bright and airy, almost weightless.
- Azure (#4287F3): A luminous, vivid blue — the color of a favorite pair of jeans.
- Iris (#444DFD): A full-bodied, vivid violet — the color of a velvet chair.
- Indigo (#4800D0): A full-bodied, vivid violet — the color of a velvet chair.
- Deep Indigo (#1D003F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Lucid 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
- Amethyst Lantern color palette (#E6F0FF, #6773F3, #6E39F3, #6000A2, #21002E)
- Lapis Bloom color palette (#D7F6FF, #007CBB, #3C1BE6, #390088, #2A002F)
- Gentle Lapis color palette (#EEDAE7, #767BF9, #977D00, #5020FD, #140F00)
- Quiet Aubergine color palette (#DEDBFC, #9C8CF0, #7949E1, #4900AE, #040014)
- Tempered Sapphire Dune color palette (#FCE8F3, #CDA3F0, #DB7DBF, #3070F0, #200A35)
- Grape Dune color palette (#E1E3F4, #8164CF, #8102C5, #610074, #1C0019)
- Shadow Delta color palette (#D5E5F1, #004CC9, #1900A3, #1E005A, #050012)
- Amethyst Corridor color palette (#D7E5F9, #8FABFF, #8478FF, #7E1FF9, #4E1371)
Browse the whole catalog at Explore, or see today's palette.