Sapphire Drift color palette — #F0F5FF · #435AF9 · #853D00 · #2D4400 · #002736

Royal Blue and Bronze set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Royal Blue (#435AF9): A full-bodied, vivid violet — the color of wild irises.
• Bronze (#853D00): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#2D4400): A deep, shadowed, balanced green — the color of a quiet forest floor.
• Midnight (#002736): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Optimism, Creativity, Energy, Balance. Tagged jewel, 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

• Wandering Cobalt color palette (#EFF6FF, #1478CE, #7F2000, #3D3C00, #002B2A)
• Quiet Hollow color palette (#F2F5FF, #6C3DC1, #683D00, #0E4511, #072030)
• Softworn Byzantium Loft color palette (#F3F4FF, #9543FE, #9F2719, #374700, #003742)
• Timeworn Iris Thicket color palette (#FFF0FB, #7F83FF, #8A6500, #715200, #12290D)
• Soft Violet Summit color palette (#F4F4FF, #9856BC, #695B00, #005141, #1D2837)
• Ancient Violet color palette (#DEFFE5, #916BFF, #96288F, #4F4600, #3E2C50)
• Aged Mulberry color palette (#EAF8FF, #007C9B, #9B0048, #503400, #002729)
• Dusty Petrol color palette (#F1F5FF, #E1D5E8, #BDB8D3, #635FA9, #3C3F4A)

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