Quiet Courtyard color palette — #F3F4FF · #BCB3FD · #717CD0 · #48418E · #1E1752
A conversation between Periwinkle and Indigo, giving this palette its sense of creativity and balance.
The five colors
- Ivory (#F3F4FF): bright and airy, almost weightless.
- Lavender (#BCB3FD): A luminous, balanced violet — the color of a velvet chair.
- Periwinkle (#717CD0): A luminous, balanced violet — the color of wild irises.
- Indigo (#48418E): A full-bodied, balanced violet — the color of a velvet chair.
- Deep Indigo (#1E1752): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Creativity, Balance. Tagged monochrome.
Use it as a design system
One click turns Quiet 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
- Weathered Cobalt Harbor color palette (#EFF6FF, #8CBBFC, #4C83CE, #005382, #001F3B)
- Timeworn Lilac Veranda color palette (#F7F3FF, #DAB9F3, #A17DBE, #694B88, #36244D)
- Iris Ridge color palette (#F2F5FF, #D7D1FF, #7A81F5, #403D8F, #0E0638)
- Aged Lilac color palette (#FFF0F9, #CBC9FF, #9C95FF, #6B64B8, #1D1541)
- Gentle Villa color palette (#EEF0FF, #9596D4, #5F55AC, #38188F, #211954)
- Sunlit Grape color palette (#E1E0F5, #A281E2, #6F3FBA, #3D0779, #0D002B)
- Violet Orchard color palette (#FFF1F5, #C7A1EE, #B66B2E, #8857B2, #231508)
- Powdered Aubergine Workshop color palette (#EEE0F3, #B35DCD, #7816A2, #430052, #08000E)
Browse the whole catalog at Explore, or see today's palette.