Sapphire Basin color palette — #DFF1F4 · #00B9EF · #0199EA · #2860E4 · #262561

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

The five colors

• Frost (#DFF1F4): bright and airy, almost weightless.
• Cyan (#00B9EF): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0199EA): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2860E4): A full-bodied, vivid violet — the color of twilight just after sunset.
• Navy (#262561): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sapphire Basin 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 Indigo color palette (#DDF0F7, #67C3F3, #57A2FD, #5F65D6, #372B5E)
• Cobalt Summit color palette (#D9ECF7, #23A4E9, #007ED2, #00509E, #0C2D66)
• Grape Dune color palette (#C1E6F7, #3395F3, #3868FB, #5D00D8, #310057)
• Lapis Field color palette (#D5E3FF, #A9BCFF, #5C92FA, #3E52DC, #070257)
• Grape Pier color palette (#E2F2FF, #6EA7F9, #6D80FF, #7B36CC, #3C164D)
• Hushed Navy Summit color palette (#CFEBF1, #0093BE, #005F9C, #122D7F, #130E3B)
• Softworn Pier color palette (#D0E6E1, #00BCBC, #009AAD, #007198, #003055)
• Sunlit Violet color palette (#B8ECDA, #AECAFF, #969BF5, #886FCB, #51365C)

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