Cobalt Pier color palette — #FCF4E8 · #A2D3F3 · #387CC7 · #004F5C · #020432

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

The five colors

• Ivory (#FCF4E8): a clean, paper-quiet neutral.
• Powder Blue (#A2D3F3): A whisper-light, dusty blue — the color of deep harbor water.
• Azure (#387CC7): A full-bodied, balanced blue — the color of deep harbor water.
• Peacock (#004F5C): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020432): A deep, shadowed, balanced violet — the color of twilight just after sunset.

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

• Muted Cerulean color palette (#FEF4E3, #84DCE7, #0088A6, #005248, #000E19)
• Powdered Denim color palette (#D9E4DB, #66A7D0, #0057A3, #003C47, #0F1B44)
• Wandering Harbor color palette (#FCF4E7, #B4F3F2, #00A4B8, #006C54, #00222E)
• Powdered Iris Ridge color palette (#F8ECE2, #A0CBBB, #608AFB, #007D79, #241047)
• Weathered Orchard color palette (#FCF4E8, #DAD5E0, #7CAFFF, #00849F, #283061)
• Patina Denim color palette (#F0EAE0, #77AAC5, #005793, #002A30, #000009)
• Antique Balcony color palette (#E5F4E8, #00AF7C, #007967, #003F3B, #001417)
• Raspberry Delta color palette (#E0F6D8, #00A997, #D2326A, #005A50, #170005)

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