Sapphire Harbor color palette — #D6E9FD · #5DA0FF · #436ADF · #3A42AC · #232058

Sapphire and Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D6E9FD): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cornflower (#5DA0FF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#436ADF): A full-bodied, vivid violet — the color of wild irises.
• Indigo (#3A42AC): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Indigo (#232058): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

One click turns Sapphire Harbor 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

• Ancient Grove color palette (#D8F0F9, #5AB1FF, #4A83FF, #605AC7, #352053)
• Faded Ultramarine Orchard color palette (#CFE6EF, #2A8CD3, #1D53D2, #37069E, #3B195F)
• Soft Grape Studio color palette (#E4EAFF, #787BF3, #5C41C8, #491E91, #29044D)
• Indigo Meadow color palette (#DFDFFF, #A9A0FA, #705DCA, #3C2991, #140044)
• Timeworn Boulevard color palette (#D3DFF3, #7691F4, #009D7F, #3D51D1, #003126)
• Hazy Turquoise color palette (#CDF2FE, #00B1E0, #0082B4, #005481, #002F54)
• Cornflower Meadow color palette (#E7EBF8, #6C79E7, #B44F95, #007785, #171B3E)
• Cobalt Coast color palette (#EBF0FF, #D8CAFF, #CEA2DC, #6170B9, #2E3354)

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