Sapphire Drift color palette — #FFF3E8 · #83C0E8 · #2868D2 · #00555A · #2D1E79

Built around Royal Blue, softened by Royal Purple — the whole palette hums with trust and stability.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Sky (#83C0E8): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2868D2): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#00555A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Royal Purple (#2D1E79): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Faded Petrol color palette (#FFF2EC, #84C3D0, #0077A4, #005748, #003167)
• Cobalt Grove color palette (#DEF8F7, #6FC5FE, #0075C3, #004E65, #00193C)
• Cornflower Studio color palette (#F3F7E9, #93D3FF, #0091ED, #006E8C, #013168)
• Denim Pier color palette (#E5DCD4, #76AB9C, #3650A1, #003D45, #210B51)
• Fuchsia Coast color palette (#D8FFF4, #B9C0FF, #DF77D8, #006A70, #1D336A)
• Timeworn Navy color palette (#C7F5F8, #009CB4, #006F9C, #003F8D, #191B80)
• Sunlit Ultramarine color palette (#DFECFF, #5693FD, #0050BC, #002A64, #001938)
• Frosted Studio color palette (#FFF1F6, #B4E0FF, #78AAFF, #00969F, #2D2768)

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