Cerulean Pier color palette — #F9F0EA · #ABD3B8 · #2F85B1 · #005D4F · #0A203F

Cerulean takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F9F0EA): bright and airy, almost weightless.
• Pistachio (#ABD3B8): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#2F85B1): A full-bodied, balanced blue — the color of deep harbor water.
• Pine (#005D4F): A full-bodied, dusty teal — the color of glacier melt.
• Midnight (#0A203F): 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

• Cobalt Canyon color palette (#FAF0E8, #9ED9F7, #3285DA, #006261, #181C55)
• Worn Dune color palette (#F5F6EE, #AECEB9, #2384A1, #005F64, #0A4056)
• Petrol Dune color palette (#F0E7DF, #8EBFB0, #4668B0, #004A51, #15093C)
• Wandering Cypress Grove color palette (#F8F0E9, #C3E5D8, #748FB7, #006C71, #3C2233)
• Washed Turquoise Hollow color palette (#EBF9F7, #D6DEE9, #47B5DA, #0A7E85, #0C3248)
• Ancient Navy Workshop color palette (#EDDCD2, #38839A, #003F64, #00201C, #00000C)
• Tempered Denim color palette (#FBEBE0, #64A7C0, #005C96, #003A36, #020230)
• Powdered Raspberry color palette (#FAD8D8, #B1578F, #008352, #006B53, #280609)

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