Ultramarine Drift color palette — #D7F4FD · #0096E2 · #005AE0 · #2C25A5 · #240F46

Cobalt takes the lead with Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7F4FD): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#0096E2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#005AE0): A full-bodied, vivid violet — the color of a velvet chair.
• Indigo (#2C25A5): A deep, shadowed, vivid violet — the color of wild irises.
• Deep Indigo (#240F46): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

One click turns Ultramarine 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

• Sunlit Pier color palette (#DAE8F1, #229EFA, #0052C7, #161E89, #0F003B)
• Lapis Meadow color palette (#E3F3FD, #248CFC, #4532FA, #511897, #290738)
• Timeworn Navy color palette (#C9EDF1, #0097B6, #006FA4, #00329A, #181651)
• Powdered Orchard color palette (#CDF7FD, #00A7E0, #087AF2, #5648BB, #280044)
• Lapis Delta color palette (#E9EAF9, #8F88FF, #4C47E9, #2D008A, #050033)
• Gentle Ultramarine color palette (#F5E3F4, #4282ED, #897300, #0049B3, #211A00)
• Washed Amethyst color palette (#E6F0FF, #8091FF, #7844FF, #7800A4, #4F064A)
• Soft Pier color palette (#FBEAF7, #4266E9, #886100, #635900, #050C33)

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