Sapphire Courtyard color palette — #ECF2FF · #7FA7FF · #3168CD · #172E8E · #020041
Royal Blue takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Cornflower (#7FA7FF): A luminous, balanced violet — the color of twilight just after sunset.
- Royal Blue (#3168CD): A full-bodied, vivid violet — the color of wild irises.
- Indigo (#172E8E): A deep, shadowed, vivid violet — the color of a velvet chair.
- Deep Indigo (#020041): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, cool.
Use it as a design system
One click turns Sapphire 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
- Quiet Nightshade Drift color palette (#F0F5FF, #78AEFC, #2B59D6, #001AA7, #111A69)
- Weathered Lapis Alley color palette (#E9E9FF, #9A9CE3, #6155AC, #331E6E, #0A002C)
- Airy Sky Dune color palette (#E7F4FF, #4EB7FF, #006DB3, #003B61, #00111F)
- Navy Ridge color palette (#F1F5FF, #CCE0FF, #5499FF, #0049AA, #040252)
- Cornflower Pier color palette (#F0F5FF, #A0BDFF, #5484FF, #004BB3, #09196A)
- Hushed Pewter Boulevard color palette (#F5EEFF, #CCB1E8, #8463A0, #513167, #220834)
- Pale Byzantium color palette (#F9EDFF, #C68EF4, #8745B3, #54006F, #1A0028)
- Worn Basin color palette (#E4DEFF, #8567CA, #531D98, #200042, #02000C)
Browse the whole catalog at Explore, or see today's palette.