Cerulean Pier color palette — #FCF3EF · #AAEAEC · #4396AF · #386F55 · #285145

A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FCF3EF): bright and airy, almost weightless.
• Sea Foam (#AAEAEC): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#4396AF): A luminous, balanced blue — the color of deep harbor water.
• Pine (#386F55): A full-bodied, dusty teal — the color of shallow lagoons.
• Forest (#285145): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: 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

• Patina Forest color palette (#F9EFEC, #C8E5CB, #5B96B1, #2F6D44, #392339)
• Feathered Forest Corridor color palette (#FFF2EB, #73E3E1, #008EA7, #006A3F, #004565)
• Antique Ash color palette (#FBF4EE, #C3EEEF, #7C9CC1, #5B775B, #604B5A)
• Washed Teal Terrace color palette (#F1F7F2, #CBE2FA, #82CADB, #2CAF92, #1E4E62)
• Aged Petal color palette (#FFF0FE, #E4D9E2, #ECB6D4, #58889E, #5D4B55)
• Cerulean Archive color palette (#F1DDD4, #419EAD, #00516E, #003126, #00142D)
• Quiet Station color palette (#FFF2EB, #56C8E9, #0074B1, #00574E, #112D6E)
• Sunlit Cornflower color palette (#FFF0FD, #5483EB, #A27000, #726B2B, #433141)

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