Cobalt Pier color palette — #F4EEE4 · #7BBADF · #006AB8 · #004E58 · #1C2C52

Royal Blue takes the lead with Sky close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F4EEE4): bright and airy, almost weightless.
• Sky (#7BBADF): A luminous, balanced blue — the color of deep harbor water.
• Royal Blue (#006AB8): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E58): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#1C2C52): A deep, shadowed, dusty violet — the color of a velvet chair.

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

• Aged Petrol color palette (#F5EDE2, #6EC1C8, #00748B, #005145, #003248)
• Aged Atelier color palette (#F1E7DF, #88BBD8, #376BB0, #004B4D, #0F0B3E)
• Aged Atelier color palette (#DDF1F4, #009CBC, #00678E, #004369, #072C5B)
• Worn Cobalt color palette (#F9E9F1, #A6C9E4, #5E88C2, #006B6F, #262854)
• Tempered Periwinkle Market color palette (#E2F3F1, #B2D9F6, #3BADFA, #008CAC, #042F55)
• Powder Harbor color palette (#D9FEF2, #A7BEFF, #A994D0, #006D85, #422D40)
• Faded Glacier color palette (#FFF4E2, #67E3EE, #008EA9, #006859, #11455D)
• Cerulean Dune color palette (#EBDFCD, #3D9DB7, #005070, #00302F, #00152A)

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