Cobalt Pier color palette — #E6FBF3 · #1B90DC · #346FB3 · #6D2E73 · #252200

Azure and Mulberry set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E6FBF3): A whisper-light, dusty teal — the color of sea glass.
• Azure (#1B90DC): A luminous, balanced blue — the color of deep harbor water.
• Slate (#346FB3): A full-bodied, balanced blue — the color of open sky before noon.
• Mulberry (#6D2E73): A full-bodied, balanced pink — the color of peonies in June.
• Onyx (#252200): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Creativity, 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

• Hazy Archive color palette (#CEFEE7, #008DB6, #B1005D, #810042, #1B1D00)
• Washed Aubergine Veranda color palette (#E7FBEA, #0098A2, #007D85, #663886, #241900)
• Soft Azure Archive color palette (#E8FAF5, #5997D4, #6E71B6, #8E404D, #262F1A)
• Jade Basin color palette (#FFE9E0, #4BBA7E, #0082B1, #8A3632, #21371B)
• Quiet Garnet Courtyard color palette (#D3ECE3, #0073AA, #00527A, #600031, #000903)
• Tempered Moss Grove color palette (#F3F3E2, #72A746, #7563AE, #724400, #402400)
• Worn Periwinkle color palette (#FDF1FB, #959AD5, #9B7297, #8F5A6C, #313900)
• Worn Terrace color palette (#D7EAD8, #009297, #1E493F, #162618, #0B0F05)

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