Cerulean Pier color palette — #FBF4EA · #A0F7F9 · #00A4BA · #006C56 · #00222F

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

The five colors

• Ivory (#FBF4EA): a clean, paper-quiet neutral.
• Sea Foam (#A0F7F9): A whisper-light, balanced teal — the color of shallow lagoons.
• Cerulean (#00A4BA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006C56): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#00222F): A deep, shadowed, dusty blue — the color of deep harbor water.

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

Use it as a design system

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

• Muted Alley color palette (#FCF4E8, #C6ECFF, #3799DF, #006971, #061D40)
• Worn Turquoise color palette (#EFE4D5, #36B3CC, #005D7B, #002B29, #000103)
• Aged Studio color palette (#E3F3EF, #80BEBF, #007680, #005048, #00343E)
• Hazy Study color palette (#FBEBE3, #A4E0E0, #00B7DB, #069563, #00314D)
• Weathered Cobalt Atelier color palette (#FEF4E3, #77DCF9, #0084B6, #005151, #000D1E)
• Softworn Ash color palette (#F9F4ED, #BBE5EE, #9DD3CE, #699E92, #3D534A)
• Glacier Villa color palette (#DFFFE2, #C0E9EF, #67E2EB, #788F53, #1D2907)
• Airy Ultramarine Boulevard color palette (#F5EDE1, #7FBEEC, #1164C3, #003C48, #010015)

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