Sapphire Drift color palette — #F0F5FF · #F3D77B · #4762C2 · #192764 · #01061B

Built around Royal Blue, softened by Honey — the whole palette hums with nature and growth.

The five colors

• Ivory (#F0F5FF): bright and airy, almost weightless.
• Honey (#F3D77B): A whisper-light, balanced green — the color of a quiet forest floor.
• Royal Blue (#4762C2): A full-bodied, balanced violet — the color of wild irises.
• Navy (#192764): A deep, shadowed, balanced violet — the color of twilight just after sunset.
• Ink (#01061B): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, Creativity, Calm, Balance. Tagged luxury, dark, cool.

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

• Worn Denim color palette (#F1F5FF, #BBDD9C, #5D5A9B, #242246, #02030C)
• Tempered Petrol color palette (#EEF6FF, #FFCBBA, #166FB1, #003054, #000815)
• Nightshade Balcony color palette (#EBF2FF, #EB8399, #2C32B9, #121A4A, #020716)
• Wandering Villa color palette (#FFF0FB, #FFB8C5, #7187DD, #4254A4, #261322)
• Chalky Nightshade Veranda color palette (#FFF0FC, #BF9E22, #2130B2, #142054, #271224)
• Frosted Mulberry color palette (#F5F3FF, #AED532, #881D91, #36003A, #020007)
• Pale Quarry color palette (#E9EDFF, #75B65F, #41247F, #0A0021, #010008)
• Tempered Indigo color palette (#F0F5FF, #C9D7FF, #F45243, #516FF4, #140312)

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