Frosted Harbor color palette — #F7F0EA · #ACD5F7 · #577EDB · #00616B · #241B4C

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

The five colors

• Cream (#F7F0EA): bright and airy, almost weightless.
• Powder Blue (#ACD5F7): A whisper-light, dusty blue — the color of open sky before noon.
• Azure (#577EDB): A luminous, balanced violet — the color of wild irises.
• Peacock (#00616B): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#241B4C): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

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

• Worn Cypress color palette (#F7F0EC, #C8E4D7, #6891BC, #006D6A, #21294C)
• Soft Studio color palette (#F3F7EC, #A2D4FF, #007FE9, #006183, #283F68)
• Linen Hollow color palette (#FFF1F5, #BAE0FF, #6996FF, #00818D, #3D366D)
• Nightshade Field color palette (#D1EFF0, #00AACA, #0073B2, #0032A7, #201D5D)
• Worn Mallow color palette (#D0FDF1, #E0E1FF, #E79AD8, #007A8F, #1C2646)
• Muted Forest Basin color palette (#FCEFE7, #89C9C4, #008092, #00552C, #001D2B)
• Quiet Iris color palette (#D9E5FF, #638EFF, #9C4700, #765F00, #061240)
• Azure Field color palette (#D8FBF0, #2BA1ED, #AB7800, #006095, #2D1D00)

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