Sapphire Drift color palette — #EEF7FB · #4BC1D1 · #4E63CC · #006C78 · #1E2430

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

The five colors

• Ivory (#EEF7FB): bright and airy, almost weightless.
• Cyan (#4BC1D1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#4E63CC): A full-bodied, vivid violet — the color of twilight just after sunset.
• Teal (#006C78): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#1E2430): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged duotone, cool.

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 Petrol color palette (#EEF7F8, #6FC1AC, #0077AE, #00705D, #172631)
• Gentle Bloom color palette (#F0F6FC, #66B8EF, #8253B7, #006698, #222330)
• Antique Aqua color palette (#E9F4F7, #2BCCC2, #8A60A7, #00746E, #0D0D18)
• Petrol Loft color palette (#EAFAED, #53A1CD, #5963A9, #793917, #2F3F4F)
• Frosted Cobalt Meadow color palette (#E1F7FF, #78BAE9, #3C75C5, #404292, #452C74)
• Aged Iris color palette (#EEF6FF, #C7E2FF, #8EC5FF, #8A76BE, #293E5A)
• Frosted Coast color palette (#E6F4FF, #009BCD, #6500CA, #004E68, #15062F)
• Petrol Veranda color palette (#F0F6FA, #D9DAE5, #C0BECF, #3C7D99, #40494F)

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