Vivid Harbor color palette — #D7E3EF · #5DA5FF · #306EFE · #2A00F4 · #281A7A

Cobalt takes the lead with Sapphire close behind in a set that reads as trust and stability at first glance.

The five colors

• Frost (#D7E3EF): A whisper-light, dusty blue — the color of deep harbor water.
• Cornflower (#5DA5FF): A luminous, balanced blue — the color of deep harbor water.
• Sapphire (#306EFE): A full-bodied, vivid violet — the color of a velvet chair.
• Cobalt (#2A00F4): A full-bodied, vivid violet — the color of a velvet chair.
• Royal Purple (#281A7A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Energy. Tagged vibrant, cool.

Use it as a design system

One click turns Vivid 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

• Misty Parlor color palette (#D6EAFF, #87BCFF, #3D7FFF, #2C3CBC, #1C1B60)
• Prism Ultramarine color palette (#D4F1FF, #0090DA, #0044ED, #4600B5, #3C176C)
• Bright Grape color palette (#EAEFFF, #8694FF, #714EFF, #6400D5, #40017A)
• Azure Courtyard color palette (#D7F0FF, #19ACF8, #0081D2, #0056A9, #002C76)
• Muted Pier color palette (#EAEAFF, #AAA9FF, #6F57FF, #4700B3, #1E0055)
• Flaring Lapis Bloom color palette (#D8E5FF, #8194FF, #FB2068, #483DFF, #5B001F)
• Worn Lantern color palette (#F4F4FF, #DACBFF, #E5A2FF, #566EF1, #342763)
• Nightshade Lagoon color palette (#E0E8FF, #5D5DC3, #4500B9, #2E0068, #0E0021)

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