Frosted Harbor color palette — #FCF4EC · #A7DBC9 · #467CDA · #00656C · #393478

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

The five colors

• Ivory (#FCF4EC): bright and airy, almost weightless.
• Oat (#A7DBC9): A whisper-light, dusty teal — the color of glacier melt.
• Azure (#467CDA): A full-bodied, balanced violet — the color of a velvet chair.
• Peacock (#00656C): A full-bodied, dusty blue — the color of deep harbor water.
• Navy (#393478): 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

• Wandering Field color palette (#FCF3EE, #CBE3D6, #658FB3, #00716B, #38466B)
• Wandering Sapphire color palette (#FDF3EA, #8BBDEA, #4363D0, #00545F, #34216B)
• Quiet Cobalt Atelier color palette (#E4F6F5, #A7D6F8, #1587DB, #005E79, #082449)
• Ancient Periwinkle color palette (#F3F7EA, #B8E1FF, #34A0FD, #007DA2, #244068)
• Worn Abyss Archive color palette (#F6ECE7, #A1B99E, #007587, #00532C, #003249)
• Dusty Navy Workshop color palette (#F9E8DC, #5C97BB, #034597, #002F32, #100045)
• Tempered Abyss Archive color palette (#F6E6DE, #4A8C97, #00425B, #00231B, #00091A)
• Washed Powder color palette (#FFF1F6, #CAE9FF, #8CB7FF, #00A4AE, #3A396A)

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