Cobalt Pier color palette — #E8F3FF · #8CC5FF · #3C83BB · #00446C · #001527

A conversation between Cerulean and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#E8F3FF): a clean, paper-quiet neutral.
• Sky (#8CC5FF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3C83BB): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#00446C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#001527): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Balance. Tagged monochrome, muted, cool.

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

• Aqua Parlor color palette (#D8F9FF, #40CFEF, #008A9D, #004653, #001B22)
• Cobalt Atelier color palette (#D9FFF3, #8EC1F0, #3C7BB0, #00497A, #002E4B)
• Iris Corridor color palette (#ECF2FF, #C6CBFF, #7883BF, #484B76, #121C33)
• Worn Meadow color palette (#EEF6FF, #D7D8E9, #52ACE4, #1E5D84, #001F37)
• Cellar Sapphire Harbor color palette (#DDEBFF, #0069CF, #003585, #000A2E, #000105)
• Periwinkle Lantern color palette (#ECF2E2, #FF99A3, #7B9DF3, #1E2634, #0E1219)
• Lilac Meadow color palette (#EEF1FC, #AFA6FE, #A25981, #6258A2, #120A19)
• Pale Amethyst Drift color palette (#F4EEFF, #B998FF, #8050CF, #4A1D7F, #14002D)

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