Frosted Pier color palette — #FBF1FD · #B3FFF9 · #00ABCC · #18780F · #002643

Olive and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#FBF1FD): bright and airy, almost weightless.
• Sea Foam (#B3FFF9): A whisper-light, dusty teal — the color of glacier melt.
• Cyan (#00ABCC): A luminous, balanced blue — the color of open sky before noon.
• Olive (#18780F): A full-bodied, balanced green — the color of a quiet forest floor.
• Midnight (#002643): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, 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

• Airy Lantern color palette (#FFF0FC, #D1DAF4, #00A6E9, #00764D, #041765)
• Soft Lagoon color palette (#FEF4E5, #8DEDE7, #00C1D0, #009C70, #003947)
• Feathered Thicket color palette (#FFF2EE, #11D2C9, #007B92, #115A07, #00355A)
• Weathered Cerulean color palette (#FAF2FB, #A7D4E2, #0087AC, #005623, #000C21)
• Patina Periwinkle color palette (#FDF2F6, #D9D3DE, #94A2E0, #007E82, #36244C)
• Aged Chapel color palette (#F9F3F8, #D5D4E2, #88C3E9, #1F986A, #2F405B)
• Aqua Coast color palette (#DCFCFF, #00E1F1, #0091A6, #004852, #000B0E)
• Denim Orchard color palette (#F2E9EF, #6CAEBB, #005A88, #002D1D, #00000B)

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