Sapphire Basin color palette — #E5DDD1 · #8CB6DB · #2F6FD9 · #00566A · #151749

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

The five colors

• Bone (#E5DDD1): bright and airy, almost weightless.
• Sky (#8CB6DB): A luminous, dusty blue — the color of deep harbor water.
• Royal Blue (#2F6FD9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00566A): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#151749): 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

• Muted Cobalt Study color palette (#F2EBE0, #69BFD6, #007FAC, #005957, #00213B)
• Cobalt Bloom color palette (#E3FBFA, #AED0F0, #367BCC, #004D6A, #000630)
• Soft Nightshade Balcony color palette (#E9DDD1, #66A5D6, #3C4EA4, #003E3E, #261142)
• Iris Archive color palette (#F1E0E5, #9AC5EA, #6B8EE5, #007B89, #20114A)
• Dusty Cerulean Courtyard color palette (#FCF4E8, #7ADAF5, #0098CF, #007271, #00355C)
• Turquoise Delta color palette (#FCF4E8, #A1EBE6, #00B0BF, #008662, #004759)
• Muted Boulevard color palette (#F5E1DC, #CD2D4C, #3A7B00, #0055AE, #2A0006)
• Powder Veranda color palette (#F8F5EF, #C9E9E9, #7DB8E8, #4F9399, #5E4B5D)

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