Cerulean Pier color palette — #F8EEF5 · #AAEBE6 · #3F9CAD · #376B49 · #142F41

Cerulean and Pine set the tone — five colors that lean into nature and growth.

The five colors

• Blush (#F8EEF5): bright and airy, almost weightless.
• Sea Foam (#AAEBE6): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3F9CAD): A luminous, balanced blue — the color of deep harbor water.
• Pine (#376B49): A full-bodied, dusty teal — the color of shallow lagoons.
• Midnight (#142F41): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. 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

• Dusty Cerulean color palette (#F9EFF2, #C1E1FB, #6C8FC4, #1B6A6F, #222B44)
• Timeworn Cerulean color palette (#F8EEF6, #93D4DD, #0388B0, #005E48, #04223C)
• Washed Basin color palette (#FCF3F1, #CCE4C8, #5195A8, #4A6D44, #225146)
• Lagoon Hollow color palette (#E9DCE5, #009DA4, #005267, #002D1E, #00050C)
• Dusty Delta color palette (#F6F6EB, #C9E0FB, #62CED2, #489180, #2F4535)
• Antique Stone Atelier color palette (#E9F3FF, #DFD3E4, #DCB2D1, #5D8599, #273244)
• Cornflower Drift color palette (#E9F3FF, #478BF1, #AA721C, #846615, #101F31)
• Sky Station color palette (#C4EAF0, #37B7EE, #3B7CBF, #384F84, #252C48)

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