Cobalt Pier color palette — #E0F7F6 · #74C4FF · #0074C8 · #004E67 · #00173F

Royal Blue and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#E0F7F6): A whisper-light, dusty teal — the color of sea glass.
• Sky (#74C4FF): A luminous, balanced blue — the color of open sky before noon.
• Royal Blue (#0074C8): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#004E67): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#00173F): A deep, shadowed, balanced 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

• Petrol Villa color palette (#DEEDEB, #90BAD3, #0074A0, #004A55, #001829)
• Frosted Sapphire color palette (#FFF3E8, #64C1FF, #2F67D1, #00555B, #2E2A5F)
• Timeworn Corridor color palette (#E7F5F3, #96DCEE, #0090B5, #006167, #00293A)
• Faded Cornflower color palette (#F1F9E1, #97D2FF, #048FF5, #006D8F, #0B3066)
• Pale Ultramarine color palette (#D9EEEE, #7DA0C2, #0054B0, #00364D, #01052B)
• Aged Lagoon color palette (#DBF0EC, #2E868E, #00444E, #001F1E, #000202)
• Softworn Teal color palette (#ECF4F2, #CADEF1, #5EAAAF, #35796B, #1E3A46)
• Feathered Delta color palette (#F0DCF3, #B200C8, #BD080E, #004FA3, #1C0021)

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