Frosted Harbor color palette — #EFF6FC · #20A5E3 · #4447C9 · #00567B · #111826

A conversation between Cobalt and Cornflower, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EFF6FC): a clean, paper-quiet neutral.
• Cornflower (#20A5E3): A luminous, balanced blue — the color of open sky before noon.
• Cobalt (#4447C9): A full-bodied, vivid violet — the color of a velvet chair.
• Peacock (#00567B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Ink (#111826): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Energy, Balance. Tagged duotone, 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

• Grape Bloom color palette (#F0F5FF, #8096DC, #80389B, #32459F, #181529)
• Washed Denim Pier color palette (#E9F8FD, #2AADB6, #006493, #005B61, #0B1A25)
• Antique Mulberry Boulevard color palette (#E7F4FA, #00B3CD, #834A90, #00606F, #070412)
• Muted Nightshade Canyon color palette (#FDE6FD, #6381D7, #5C47A3, #6D1E3C, #232F4D)
• Lapis Field color palette (#E4EFFF, #82A0F0, #5057CC, #422D94, #3B0F6B)
• Feathered Violet color palette (#F0F6FF, #86C3FF, #769FFF, #836AD2, #292E54)
• Gentle Canyon color palette (#E0EDFA, #007DC1, #2C00B4, #003556, #020017)
• Petrol Lagoon color palette (#F1F6FB, #D8D8E8, #A8B4C8, #2E679B, #343B43)

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