Cerulean Pier color palette — #F7EFF8 · #89D8D2 · #0D8AA4 · #2E5C29 · #01223C

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

The five colors

• Blush (#F7EFF8): a clean, paper-quiet neutral.
• Lagoon (#89D8D2): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0D8AA4): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#2E5C29): A full-bodied, balanced green — the color of fresh herbs.
• Midnight (#01223C): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Washed Cobalt color palette (#FAEEF3, #97D1ED, #4F7CBE, #005C52, #1F1A3D)
• Muted Station color palette (#EAF9F5, #A2CDD8, #14898D, #006152, #00434A)
• Hushed Turquoise color palette (#FCF3EE, #C6DCC3, #3EA5B7, #3E7B52, #0B4057)
• Patina Summit color palette (#E9DAE9, #1D8989, #004254, #002106, #000104)
• Dusty Grove color palette (#E7DDE6, #40AEB3, #00617F, #003C1A, #000A20)
• Tempered Powder color palette (#DBFAEE, #A6ECCF, #75BEEB, #805F31, #062928)
• Moss Ridge color palette (#CCF3E9, #82B14B, #8E50A0, #3E6101, #2A0E32)
• Olive Thicket color palette (#F3DFC4, #A18E00, #437400, #005230, #00241F)

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