Sapphire Drift color palette — #FFF1F7 · #6EC3EE · #1763E4 · #00564F · #342369

Royal Blue takes the lead with Royal Purple close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#6EC3EE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#1763E4): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#00564F): A full-bodied, dusty teal — the color of glacier melt.
• Royal Purple (#342369): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged coastal, cool, light, 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

• Softworn Corridor color palette (#F5EBF1, #7BBDD0, #006CB1, #00523F, #242952)
• Tempered Ultramarine color palette (#FAE9EF, #6FA6C8, #1A45C9, #003E3B, #231246)
• Ancient Cornflower color palette (#EAFAED, #8AD5FF, #0090F1, #00707E, #152E68)
• Tempered Cobalt Ridge color palette (#FEF0FB, #9ADBE4, #0089C0, #006A43, #293E6B)
• Muted Navy color palette (#CFE6E1, #00ABC1, #007093, #003F89, #421663)
• Misty Hollow color palette (#E5EFFF, #4898FF, #005BA1, #003059, #001B31)
• Fuchsia Loft color palette (#EBF7FF, #BECBFF, #DA6BC6, #006A65, #16395E)
• Petrol Corridor color palette (#CCEDFC, #007CA0, #7E5E00, #4A520B, #002937)

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