Sapphire Alley color palette — #F0F5FF · #FFC7D2 · #4664BE · #172764 · #01061A

A conversation between Royal Blue and Navy, giving this palette its sense of creativity and calm.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Shell Pink (#FFC7D2): A whisper-light, dusty red — the color of embers at dusk.
• Royal Blue (#4664BE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#172764): A deep, shadowed, balanced violet — the color of wild irises.
• Ink (#01061A): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Calm, Balance. Tagged luxury, dark, cool.

Use it as a design system

One click turns Sapphire Alley 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

• Antique Alley color palette (#EDF6FF, #95F0B6, #0070B2, #003152, #000814)
• Dusty Amethyst color palette (#F3F4FF, #FFC9C4, #804DB3, #400668, #06041B)
• Powdered Nightshade color palette (#FDECFA, #CCA200, #2040A4, #0A1B4D, #0F030D)
• Onyx Archive color palette (#F1F5FF, #F2A1AA, #464691, #15024D, #00000B)
• Patina Drift color palette (#F0F6FF, #F7C844, #6188EC, #3E589B, #0D1A31)
• Weathered Lagoon color palette (#FFF0FC, #FE658F, #253B9D, #142152, #271224)
• Dusty Lagoon color palette (#F8F2FD, #E9D8D8, #A9738A, #503D5D, #1F1824)
• Aubergine Lantern color palette (#EBECFE, #DE867E, #501979, #281012, #0E001C)

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