Sapphire Drift color palette — #FFF3E9 · #7CC2E5 · #0264E4 · #00574E · #341A77

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#7CC2E5): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#0264E4): A full-bodied, vivid blue — the color of a favorite pair of jeans.
• Peacock (#00574E): A full-bodied, dusty teal — the color of shallow lagoons.
• Royal Purple (#341A77): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Ridge color palette (#FFF2EC, #73C6D8, #0074B1, #00583F, #1B237D)
• Dusty Cobalt Lantern color palette (#E9F6EC, #67C8F7, #0076C1, #005059, #011446)
• Cornflower Courtyard color palette (#FDF4E5, #92D5F8, #0091EC, #00717C, #0B2D6F)
• Denim Veranda color palette (#F7EDE4, #76A5C3, #2C50AA, #003E3B, #250A4E)
• Antique Lagoon color palette (#FFF2ED, #B4D9BB, #008ABC, #006B3F, #203D74)
• Misty Meadow color palette (#DAF1E9, #00ACB5, #00678B, #004678, #231583)
• Sunlit Periwinkle Orchard color palette (#D8EAFF, #4697FD, #005D91, #00345D, #001E3D)
• Misty Fuchsia Balcony color palette (#EAF7FF, #C7CFFF, #E376C6, #00716B, #1F366A)

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