Sapphire Drift color palette — #D2F4FA · #00A4EF · #3C5BFF · #4124A1 · #350F4B
Royal Blue and Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Frost (#D2F4FA): A whisper-light, dusty blue — the color of open sky before noon.
- Cornflower (#00A4EF): A luminous, balanced blue — the color of deep harbor water.
- Royal Blue (#3C5BFF): A full-bodied, vivid violet — the color of twilight just after sunset.
- Indigo (#4124A1): A deep, shadowed, vivid violet — the color of wild irises.
- Deep Indigo (#350F4B): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Energy. Tagged vibrant.
Use it as a design system
One click turns Sapphire Drift 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
- Amethyst Coast color palette (#CDEAFB, #439BFF, #6E3CFE, #621394, #3F1139)
- Aged Orchard color palette (#E3F2FD, #4DA5FF, #3062EC, #3F3DA0, #423673)
- Aged Nightshade Balcony color palette (#D5E7E6, #00AFCE, #0070BB, #2730AC, #2C144F)
- Worn Coast color palette (#C0E5F3, #008BE6, #462FE6, #450D82, #28042B)
- Airy Cabin color palette (#EBF7FF, #A9D0FF, #5D91FF, #4F4CCE, #382B5F)
- Worn Cornflower Drift color palette (#C5E8F1, #5FC0FF, #5679FF, #5D4EAE, #553062)
- Weathered Aubergine Station color palette (#DDE9F4, #545DDB, #56009B, #3E0047, #1A0010)
- Amethyst Orchard color palette (#EEF1FF, #A6A9FF, #6D3AE7, #39098A, #0F0032)
Browse the whole catalog at Explore, or see today's palette.