Sapphire Coast color palette — #CDE9FB · #0264EF · #3900AD · #220040 · #030003

Royal Blue and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#CDE9FB): A whisper-light, dusty blue — the color of open sky before noon.
• Royal Blue (#0264EF): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#3900AD): A deep, shadowed, vivid violet — the color of twilight just after sunset.
• Deep Indigo (#220040): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Black (#030003): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Energy, Balance. Tagged vibrant.

Use it as a design system

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

• Moonless Lapis color palette (#D8E5F3, #5641FF, #4D008F, #1F0023, #040002)
• Hushed Nightshade color palette (#DDEFFF, #0B5BBA, #260094, #220041, #17001F)
• Shadow Atelier color palette (#DBF0F7, #0073A6, #002EA7, #10003B, #030005)
• Lapis Courtyard color palette (#E0E7FC, #5F35FF, #575900, #27007C, #010100)
• Tempered Aubergine color palette (#ECE6F9, #9C62EC, #540099, #0F001D, #020007)
• Hushed Cabin color palette (#E7E9FF, #5000DF, #3A4F00, #293800, #010009)
• Timeworn Sapphire Archive color palette (#DCF4FA, #A07D00, #006EDF, #0B0A15, #000104)
• Byzantium Boulevard color palette (#DCE2FF, #9127EA, #640064, #340019, #040000)

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