Sapphire Basin color palette — #FFF3E9 · #60C5F1 · #0067DE · #00574D · #302862

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

The five colors

• Ivory (#FFF3E9): bright and airy, almost weightless.
• Sky (#60C5F1): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0067DE): A full-bodied, vivid blue — the color of open sky before noon.
• Forest (#00574D): A full-bodied, dusty teal — the color of sea glass.
• Royal Purple (#302862): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy, 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

• Tempered Veranda color palette (#FBEBE2, #75BECF, #056EA8, #00523B, #202A55)
• Gentle Cobalt Cabin color palette (#FFF2ED, #87DFE9, #008ABD, #006A40, #293F68)
• Denim Archive color palette (#EBDED2, #5CA8D1, #2751A7, #003E3A, #211247)
• Patina Cypress Lagoon color palette (#FBF4EC, #C0E0FF, #7D87B6, #196F73, #5B3E49)
• Feathered Periwinkle Terrace color palette (#FFF0F7, #ABE3FF, #66AEFF, #009797, #222576)
• Washed Amber color palette (#F6DFD0, #C16822, #005397, #393282, #3B1900)
• Antique Harbor color palette (#EEDED9, #00A3A8, #00516A, #003213, #00132F)
• Amber Veranda color palette (#FFDEC1, #C46900, #007AA5, #763D00, #003347)

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