Cobalt Pier color palette — #E7F7EA · #7CDFFF · #008DC6 · #006263 · #042646
Built around Cerulean, softened by Ice Blue — the whole palette hums with trust and stability.
The five colors
- Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
- Ice Blue (#7CDFFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cerulean (#008DC6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Peacock (#006263): A full-bodied, dusty teal — the color of shallow lagoons.
- Midnight (#042646): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Hushed Aqua Loft color palette (#E2F9E7, #43CCFD, #0078B7, #005156, #00183D)
- Antique Cobalt Basin color palette (#FFF2EB, #A0D8EB, #1C86C7, #00675E, #243C75)
- Cerulean Orchard color palette (#D6E5D9, #009AB5, #00506D, #002C2A, #00050D)
- Powder Dune color palette (#E5F4FF, #D5D4EC, #BEB1FF, #007A86, #0C2B44)
- Dusty Azure Balcony color palette (#F4F7EB, #ACE5F9, #00AADF, #00808E, #084563)
- Linen Plum color palette (#C7EBFF, #008EC0, #BD3C80, #636700, #001A2B)
- Washed Ember color palette (#E4F5FF, #00A8D4, #CB5F00, #006581, #381500)
- Weathered Navy Ridge color palette (#DFEAE1, #387CBB, #153480, #001E28, #01000B)
Browse the whole catalog at Explore, or see today's palette.