Sapphire Basin color palette — #E3F6F6 · #89C0F8 · #006AE5 · #004C6D · #061444

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

The five colors

• Ivory (#E3F6F6): a clean, paper-quiet neutral.
• Sky (#89C0F8): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#006AE5): A full-bodied, vivid blue — the color of deep harbor water.
• Navy (#004C6D): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Deep Indigo (#061444): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Washed Petrol Parlor color palette (#E1ECEB, #88BBD9, #0071AD, #00495A, #00162F)
• Sunlit Sapphire Courtyard color palette (#FFF3E6, #78BDFF, #4861D3, #005460, #362465)
• Sunlit Pier color palette (#EBF2FF, #C2C8FF, #B78BFF, #0060B8, #111639)
• Timeworn Cornflower Parlor color palette (#F2F8E8, #A2CFFF, #3688FE, #006B98, #1B2E65)
• Timeworn Cerulean Quarry color palette (#E4F6F4, #8CDDF9, #008FBD, #00606B, #00283E)
• Soft Sapphire Harbor color palette (#E0E8FF, #4255FF, #AA0092, #005E65, #040337)
• Azure Market color palette (#CDEAFC, #0095D7, #005C95, #00396D, #00163F)
• Sunlit Coast color palette (#E1EDF8, #008DDA, #008935, #00507F, #001C06)

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