Cobalt Pier color palette — #F9F4ED · #A7D0BB · #1F80B6 · #005F62 · #1D3C5F

Cerulean takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F9F4ED): a clean, paper-quiet neutral.
• Pistachio (#A7D0BB): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#1F80B6): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#005F62): A full-bodied, dusty teal — the color of sea glass.
• Navy (#1D3C5F): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Cobalt 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

• Worn Bloom color palette (#FAEFE9, #AED1BE, #3A7EC6, #005D4D, #1B1C3E)
• Wandering Petrol color palette (#F3EEE6, #9FBA9D, #007682, #00523C, #003442)
• Ancient Study color palette (#CDE5E5, #21B1C3, #007890, #005676, #2D3269)
• Muted Lagoon color palette (#F8F5EF, #C9E3DB, #6A8AC2, #006D86, #5B3C52)
• Antique Petrol Archive color palette (#E1FDF1, #E7CAE7, #AB9FD9, #00788A, #4C324F)
• Wandering Sky color palette (#EEF8F0, #B3EAFF, #69BBF1, #439B9F, #223C59)
• Hushed Abyss color palette (#E9E1D4, #5E9B9C, #005360, #003125, #001720)
• Quiet Denim Corridor color palette (#D8FFF3, #6CAEDB, #006499, #003C5A, #00263D)

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