Sapphire Courtyard color palette — #F5E3F1 · #4062FF · #322F66 · #0A1444 · #0F0210

Built around Sapphire, softened by Navy — the whole palette hums with creativity and energy.

The five colors

• Blush (#F5E3F1): A whisper-light, dusty pink — the color of peonies in June.
• Sapphire (#4062FF): A full-bodied, vivid violet — the color of a velvet chair.
• Navy (#322F66): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#0A1444): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#0F0210): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Creativity, Energy, Balance. Tagged noir, dark, luxury, vibrant.

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

• Frosted Indigo color palette (#E7EEFF, #486CFF, #25205C, #22161C, #01061A)
• Cobalt Coast color palette (#EFE1F0, #007AD1, #213662, #001B36, #000A06)
• Linen Courtyard color palette (#FFE1ED, #9530F9, #49265A, #230840, #12020B)
• Timeworn Cornflower Hollow color palette (#E8F0FF, #5C8AFF, #644A88, #25354E, #010811)
• Smoked Ultramarine color palette (#FCDFF8, #0F22FD, #2B014E, #020929, #000A06)
• Linen Orchid color palette (#FDE9F1, #9E5DEC, #53395F, #3B1929, #1A0D14)
• Byzantium Lagoon color palette (#FCDDE6, #8F52B0, #452545, #290815, #0A0205)
• Quiet Orchid color palette (#EDE1F8, #B452FB, #EC0055, #0076B1, #320D4C)

Browse the whole catalog at Explore, or see today's palette.