Sapphire Basin color palette — #E9F6EB · #7AC3FF · #1768E7 · #004F61 · #101045

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

The five colors

• Cream (#E9F6EB): bright and airy, almost weightless.
• Sky (#7AC3FF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#1768E7): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#004F61): A deep, shadowed, dusty blue — the color of open sky before noon.
• Deep Indigo (#101045): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Sapphire Dune color palette (#FEF3E8, #7EBFF4, #4567C3, #00545E, #322763)
• Petrol Quarry color palette (#E2ECE4, #7ABEDD, #2770A5, #004A50, #011337)
• Faded Cerulean Archive color palette (#E7F7EA, #91DDF3, #008EC1, #006261, #012644)
• Cornflower Market color palette (#F2F8E5, #9FD1FC, #448EE3, #006C93, #042B77)
• Feathered Iris color palette (#FFF1F5, #DADFF2, #7690FF, #007273, #2F0D54)
• Hushed Periwinkle Study color palette (#DDF7FF, #72DBFF, #5AADFF, #007B5D, #002326)
• Timeworn Cerulean color palette (#DBE7DD, #009BB1, #00516B, #002C29, #00050C)
• Turquoise Thicket color palette (#EDF4EE, #CBE1F6, #61A9B6, #407766, #233946)

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