Cornflower Harbor color palette — #D2E6F6 · #84C1FF · #5CA2FF · #3F78FF · #273580

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

The five colors

• Frost (#D2E6F6): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#84C1FF): A luminous, balanced blue — the color of deep harbor water.
• Cornflower (#5CA2FF): A luminous, balanced blue — the color of open sky before noon.
• Sapphire (#3F78FF): A luminous, vivid violet — the color of a velvet chair.
• Navy (#273580): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Gentle Lapis color palette (#D0E3FB, #78ACFF, #5C86FF, #4F55E7, #28235E)
• Washed Violet color palette (#D8E5FF, #A8BFFF, #8796FF, #7960FF, #47317F)
• Quiet Ultramarine color palette (#E5F9FF, #8BD1FF, #499CFF, #414FC8, #3F2B69)
• Sapphire Lantern color palette (#E1EEF8, #289DFB, #0068E0, #14449F, #121D53)
• Hushed Periwinkle Atelier color palette (#FFF0FA, #E5D5E8, #EEAFB9, #7DA5FE, #404068)
• Muted Turquoise Alley color palette (#A0EEFF, #43D7FE, #00B2E3, #008DBF, #00466A)
• Feathered Orchard color palette (#FFF0FD, #A7C5FF, #00D69B, #5E92FF, #004630)
• Patina Pier color palette (#FFE0FD, #87B5FF, #ED71F3, #00B2B1, #182F56)

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