Sapphire Drift color palette — #FFECF2 · #77C3FF · #436AD0 · #005059 · #1A0946

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

The five colors

• Blush (#FFECF2): A whisper-light, dusty rose — the color of strawberry cream.
• Sky (#77C3FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#436AD0): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#005059): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Indigo (#1A0946): A deep, shadowed, balanced 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

• Linen Study color palette (#FFEBF8, #5CCCE8, #007AB1, #005348, #001643)
• Wandering Ridge color palette (#FFF3E6, #89BEE9, #4C5FD4, #005556, #3E1E65)
• Weathered Cornflower Orchard color palette (#FFF4E2, #9BD1FF, #4288FA, #006F87, #252A69)
• Cypress Delta color palette (#F8EEF5, #B7E5F5, #5298B2, #266D54, #1B2E3F)
• Ancient Workshop color palette (#F7EAF2, #3EB0AB, #006373, #003C1F, #000C16)
• Lagoon Market color palette (#E8DAE5, #008895, #004258, #002017, #000104)
• Gentle Byzantium color palette (#C3EBDF, #7BA622, #9300C2, #3D5600, #250034)
• Powdered Seafoam color palette (#D6FEBE, #82F1BB, #00B7C6, #726400, #00240B)

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