Frosted Harbor color palette — #C9E6F2 · #34B7FD · #0B8BF3 · #3B60BB · #262A66

Azure and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#C9E6F2): A whisper-light, dusty blue — the color of open sky before noon.
• Cornflower (#34B7FD): A luminous, balanced blue — the color of open sky before noon.
• Azure (#0B8BF3): A luminous, vivid blue — the color of open sky before noon.
• Cobalt (#3B60BB): A full-bodied, balanced violet — the color of wild irises.
• Navy (#262A66): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

Use it as a design system

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

• Sunlit Pier color palette (#D0E2E4, #00A9D4, #0077D7, #3E399C, #341E55)
• Quiet Periwinkle Pier color palette (#D4E2EB, #7ABFFF, #6C9DF8, #6673C3, #393064)
• Indigo Archive color palette (#C8E4FC, #4992FF, #526EF1, #593FBC, #280D4E)
• Sunlit Turquoise color palette (#C7E7E5, #00C2D6, #0097B7, #007195, #002B4C)
• Softworn Violet color palette (#DFECFF, #8DA5FF, #8172F6, #7752B9, #402055)
• Pale Archive color palette (#D5F1FD, #008DCF, #005996, #002089, #0B093C)
• Dusty Iris color palette (#E0E8FF, #ACBFFF, #7190F9, #4A5BBA, #080245)
• Cobalt Studio color palette (#CFE0F6, #7BB0FF, #D6A21F, #3075D8, #362600)

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