Frosted Pier color palette — #E8F9F7 · #C7E1FF · #38C6FB · #00A3B2 · #004564

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

The five colors

• Ivory (#E8F9F7): bright and airy, almost weightless.
• Powder Blue (#C7E1FF): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#38C6FB): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#00A3B2): A luminous, balanced blue — the color of open sky before noon.
• Navy (#004564): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

One click turns Frosted Pier 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 Thicket color palette (#EDF8F5, #B1F3EF, #00CFD7, #00A890, #004951)
• Sunlit Azure color palette (#E6F1F0, #A9DBF6, #38AFF4, #008DA8, #003054)
• Turquoise Courtyard color palette (#EFF7F6, #D8DCE9, #A2CCF0, #55AFCD, #435468)
• Blush Harbor color palette (#E8E9FF, #A9AAFF, #FF6FC0, #00AECC, #2B285B)
• Cerulean Veranda color palette (#F1F3E7, #89DEF9, #008FBC, #00616B, #00283E)
• Ancient Drift color palette (#DBEDED, #83A4C4, #3874C2, #00587A, #00022C)
• Teal Hollow color palette (#D3E4E0, #96C9D7, #00A6AE, #007F6E, #00242A)
• Hazy Violet color palette (#DCE3F1, #A4BCFF, #8E99FF, #7A67FF, #3F2973)

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