Sapphire Courtyard color palette — #ECF2FF · #98ABFF · #4E64CE · #252A8D · #090045
Royal Blue takes the lead with Indigo close behind in a set that reads as creativity and calm at first glance.
The five colors
- Ivory (#ECF2FF): a clean, paper-quiet neutral.
- Cornflower (#98ABFF): A luminous, balanced violet — the color of wild irises.
- Royal Blue (#4E64CE): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#252A8D): A deep, shadowed, balanced violet — the color of a velvet chair.
- Deep Indigo (#090045): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: 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
- Worn Nightshade Field color palette (#F2F5FF, #91A5FC, #4E56D8, #170DB2, #041865)
- Cobalt Workshop color palette (#E9F3FF, #69B4FF, #0071CF, #003A6E, #001028)
- Aubergine Archive color palette (#F0F0FF, #A496DF, #6853A2, #3B206F, #0F002D)
- Nightshade Study color palette (#F2F5FF, #CFD9FF, #7F90FF, #2243AA, #000C4D)
- Misty Boulevard color palette (#F1F0FF, #CCA9DF, #9068A3, #563267, #20042B)
- Worn Mallow color palette (#EBF2FF, #DED2E4, #D79AE5, #2A76A1, #1B2845)
- Tempered Byzantium color palette (#FAECFF, #D48EDF, #933FB1, #5F0075, #21002C)
- Aubergine Boulevard color palette (#ECE3F6, #9368CF, #611599, #25003F, #020006)
Browse the whole catalog at Explore, or see today's palette.