Cobalt Pier color palette — #F4E6EE · #5EBEDE · #008AD6 · #006E66 · #030C3D

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

The five colors

• Blush (#F4E6EE): bright and airy, almost weightless.
• Cyan (#5EBEDE): A luminous, balanced blue — the color of a favorite pair of jeans.
• Azure (#008AD6): A luminous, balanced blue — the color of open sky before noon.
• Teal (#006E66): A full-bodied, balanced teal — the color of sea glass.
• Deep Indigo (#030C3D): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light.

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

• Forest Courtyard color palette (#FAEBF5, #6DC0BF, #0092AC, #007146, #001624)
• Washed Pier color palette (#F1E0E6, #8AC8F2, #548FF5, #007C84, #1B1549)
• Tempered Petrol color palette (#E6EADA, #65ADC7, #006F97, #004952, #001625)
• Timeworn Wisteria color palette (#CFEDFF, #A1BCF6, #BE8AFF, #008783, #001A2F)
• Softworn Rust Ridge color palette (#CFECFF, #009ACA, #D15000, #006C8E, #200600)
• Azure Lantern color palette (#F8EAF3, #A2DEF0, #26AFFA, #009283, #192D51)
• Soft Azure Villa color palette (#E1EFFC, #23A1FB, #007BB4, #004B6F, #000409)
• Wandering Cerulean color palette (#F3E9D9, #3C96B4, #004F74, #002B2D, #00040F)

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