Cerulean Pier color palette — #F9EBE5 · #ABCFAF · #2794B2 · #006F4D · #00314F

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

The five colors

• Cream (#F9EBE5): a clean, paper-quiet neutral.
• Pistachio (#ABCFAF): A luminous, dusty green — the color of a quiet forest floor.
• Cerulean (#2794B2): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#006F4D): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Cobalt Meadow color palette (#F7ECE5, #97CDE6, #498BC9, #006C69, #202A54)
• Weathered Lagoon color palette (#FDF1FA, #ABF5F8, #00A2C6, #006D4B, #002137)
• Washed Turquoise Quarry color palette (#EFEFE6, #A4E0E3, #00B9CD, #009288, #00343F)
• Periwinkle Harbor color palette (#FDF3EC, #ABE5FF, #5DA0E3, #00837F, #303C6B)
• Washed Garden color palette (#F5E2D8, #589EB0, #005F8A, #003C34, #000720)
• Softworn Basin color palette (#FBF3F0, #CDE7E2, #82BAD4, #56957F, #31524A)
• Ultramarine Courtyard color palette (#ECDBCB, #75A7D0, #3C5FBB, #004951, #150140)
• Hazy Veranda color palette (#B0F3C6, #5EC083, #008F60, #00552D, #001E10)

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