Pale Pier color palette — #F0F8F1 · #D1DFFF · #79BCFF · #00A3B6 · #283D6F

Sky and Cerulean set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F8F1): bright and airy, almost weightless.
• Powder Blue (#D1DFFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#79BCFF): A luminous, balanced blue — the color of open sky before noon.
• Cerulean (#00A3B6): A luminous, balanced blue — the color of deep harbor water.
• Navy (#283D6F): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

One click turns Pale 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

• Hazy Aqua Boulevard color palette (#EDF9EF, #A5F4FF, #19C9F6, #00A796, #004565)
• Chalky Periwinkle color palette (#E8F1EA, #B6D7F7, #6FA3FE, #008CAC, #242953)
• Softworn Coast color palette (#EDF6FF, #DDD7E7, #C9C0B8, #46BCE0, #304967)
• Linen Azure Lantern color palette (#C7F0F5, #35D6FD, #00AAE9, #0083C7, #153B6C)
• Soft Lagoon color palette (#DCEEFF, #6CBCFF, #FF789B, #81AE00, #15324C)
• Glacier Field color palette (#F1F7F2, #D1E2F2, #80D7E3, #7CAF9A, #405662)
• Soft Terrace color palette (#F0F4E6, #9FD8FB, #278ACB, #005F75, #002549)
• Muted Lantern color palette (#E2ECE4, #77D0DD, #00A1C8, #007E72, #002235)

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