Cerulean Pier color palette — #D1F1F0 · #0098A7 · #006F8C · #00405D · #001C35

Built around Cerulean, softened by Peacock — the whole palette hums with trust and stability.

The five colors

• Honeydew (#D1F1F0): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#0098A7): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#006F8C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00405D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#001C35): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged muted, cool.

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

• Tempered Turquoise color palette (#C9F5FB, #00ADC7, #00718B, #003B4F, #000A13)
• Pale Basin color palette (#C3EEE1, #008A91, #005971, #00305E, #15154D)
• Patina Emerald color palette (#D3EFD6, #00A172, #007761, #004742, #00292C)
• Dusty Canyon color palette (#C3E8D8, #0093C2, #B45700, #005B79, #2E1100)
• Lilac Delta color palette (#D6F6EB, #A2C4F4, #AA8FF7, #007281, #2E1730)
• Muted Nightshade color palette (#D2EEFD, #0093E5, #0064BB, #1623A3, #1A124A)
• Dusty Plum Basin color palette (#E1F3FE, #007DB3, #BD006B, #545F00, #001421)
• Dusty Market color palette (#CFF5DA, #57C7E6, #0099CD, #286CA1, #5F415D)

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