Sapphire Drift color palette — #FFF4E2 · #7DBEF7 · #0F61EA · #005367 · #272B64

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

The five colors

• Cream (#FFF4E2): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Sky (#7DBEF7): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0F61EA): A full-bodied, vivid violet — the color of wild irises.
• Peacock (#005367): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#272B64): 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

• Cobalt Thicket color palette (#FEF4E5, #72C4E7, #0074B2, #00555B, #0A3166)
• Chalky Sapphire color palette (#FFEFDE, #75C4FF, #495EE9, #005152, #220640)
• Muted Veranda color palette (#FFF1F5, #99D2FF, #6980F5, #007273, #3D2062)
• Washed Cobalt Loft color palette (#FBF4EA, #A3D0C1, #4079C3, #005D6E, #4C2F46)
• Hushed Archive color palette (#FFF0FE, #B7C0FF, #C878E4, #006B91, #22315A)
• Softworn Periwinkle color palette (#E4FAFA, #BBDEFF, #6CADFF, #0090C3, #0D2C72)
• Soft Navy Orchard color palette (#CEF3FD, #00A1D4, #00629E, #004088, #391864)
• Brick Pier color palette (#CDE0FC, #006BE0, #BB0038, #296200, #06234A)

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