Sapphire Basin color palette — #FFF1F7 · #7EC0ED · #3368CD · #00555B · #2E246C

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Sky (#7EC0ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Blue (#3368CD): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
• Royal Purple (#2E246C): A deep, shadowed, balanced violet — the color of wild irises.

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

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

• Linen Petrol Dune color palette (#FFF0FC, #6CC7D9, #0077A4, #005748, #003168)
• Cobalt Thicket color palette (#F0F4E7, #79C4F9, #0075C4, #004E66, #00183D)
• Frosted Nightshade Station color palette (#F5E5EB, #7AA3C8, #304EAC, #003D45, #210D4F)
• Faded Corridor color palette (#E7FAF9, #9AD2FA, #0091EE, #006E8D, #043166)
• Periwinkle Field color palette (#FFF3E7, #B2E1FF, #75ABFF, #00969E, #2B276A)
• Dusty Orchard color palette (#FAF2F8, #C7E2EA, #4297AE, #00754C, #274C65)
• Feathered Ultramarine Lantern color palette (#FFD8E9, #D67821, #005EC0, #773D00, #002C60)
• Timeworn Denim color palette (#F2E6EF, #6697AB, #00516C, #003125, #00142B)

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