Cobalt Pier color palette — #EAF3FF · #3E7BCB · #8B5000 · #633905 · #041A1A

Azure and Ochre set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EAF3FF): bright and airy, almost weightless.
• Azure (#3E7BCB): A full-bodied, balanced blue — the color of deep harbor water.
• Ochre (#8B5000): A full-bodied, balanced gold — the color of honey in a jar.
• Bronze (#633905): A deep, shadowed, balanced gold — the color of old brass.
• Ink (#041A1A): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Optimism, Balance. Tagged jewel, vibrant.

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

• Worn Chapel color palette (#E6F4FF, #007FBC, #8A3E3B, #692B29, #01150E)
• Azure Villa color palette (#E8F3FF, #4E91D9, #925219, #2B4A1E, #0A2500)
• Muted Iris Cabin color palette (#F1F0FC, #9772C5, #816730, #634C19, #0A1B20)
• Dusty Veranda color palette (#E7F9FF, #008C93, #7B5700, #3E4F05, #133235)
• Timeworn Chapel color palette (#FFF1F7, #A282D0, #A6628A, #785900, #1D3024)
• Azure Villa color palette (#D5FCF2, #46A4E8, #83588D, #364F20, #192235)
• Faded Ember Archive color palette (#FDF0FE, #80B4FF, #CA6A58, #58591F, #0D1C0C)
• Weathered Workshop color palette (#EDF2F9, #DBD5DF, #C7B8C3, #5D75A0, #272C34)

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