Sapphire Drift color palette — #F3E4EB · #7EBDDB · #2B69C0 · #004C43 · #150D36

A conversation between Royal Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Rose Water (#F3E4EB): bright and airy, almost weightless.
• Sky (#7EBDDB): A luminous, dusty blue — the color of open sky before noon.
• Royal Blue (#2B69C0): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004C43): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#150D36): A deep, shadowed, dusty violet — the color of wild irises.

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

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

• Misty Grove color palette (#EEE6EE, #59C7CB, #007698, #004F23, #001533)
• Cobalt Atelier color palette (#FAEEF2, #9DCEF3, #6378BA, #005B5A, #1B1D39)
• Tempered Thicket color palette (#E4F2F1, #86B9D5, #006FA5, #004D5E, #002F55)
• Patina Petrol color palette (#F8EFF3, #D8D0E4, #889DBF, #3F747F, #313548)
• Cerulean Cabin color palette (#ECD8E5, #049AB2, #004E79, #002D1F, #01001D)
• Tempered Teal color palette (#CAF5F5, #00ABA7, #006B5E, #002B2A, #000706)
• Softworn Corridor color palette (#BCF3F5, #3BD4F1, #8C9EEC, #586117, #001E26)
• Patina Lagoon color palette (#E8F3E7, #437DAE, #272592, #001F20, #020007)

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