Sapphire Basin color palette — #FDF3E9 · #7BC0EF · #2063E2 · #00555B · #2E2864

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

The five colors

• Ivory (#FDF3E9): bright and airy, almost weightless.
• Sky (#7BC0EF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#2063E2): A full-bodied, vivid violet — the color of twilight just after sunset.
• Peacock (#00555B): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#2E2864): 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

• Muted Loft color palette (#FBF4EE, #9FCCE7, #3B78CA, #005F62, #343759)
• Feathered Cobalt color palette (#DFF8F7, #76C4FC, #0074C7, #004E67, #00173F)
• Chalky Ultramarine Grove color palette (#F8EEE4, #72A4D0, #2A43C6, #003D45, #201544)
• Dusty Petrol Thicket color palette (#FFF2EC, #6BC9CC, #007A95, #00593A, #003656)
• Aged Harbor color palette (#E9FBEC, #B6E0FF, #6EACFF, #0094AE, #1F2B6B)
• Quiet Raspberry Quarry color palette (#F3DBE5, #C70085, #007752, #005787, #400C2A)
• Muted Cerulean color palette (#EFDDD5, #3C9FAD, #00516D, #003126, #00142D)
• Wandering Canyon color palette (#FCF3EF, #CBE4CD, #009AB9, #2D7152, #2F4F45)

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