Cobalt Pier color palette — #F9F0E9 · #ACDCC7 · #5482CE · #00635A · #251A4D

Built around Azure, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Cream (#F9F0E9): bright and airy, almost weightless.
• Mint (#ACDCC7): A whisper-light, dusty teal — the color of sea glass.
• Azure (#5482CE): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00635A): A full-bodied, dusty teal — the color of shallow lagoons.
• Deep Indigo (#251A4D): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Dusty Cypress color palette (#F9F0EB, #C7E5D1, #5B94BF, #006F52, #3D2137)
• Ancient Forest color palette (#F9EFED, #B7CFB6, #1489A8, #00601E, #02213F)
• Weathered Cobalt color palette (#FDF4E6, #9DD8F4, #0085D2, #00656E, #273F68)
• Ancient Sapphire Chapel color palette (#FFEEE1, #8FC3E3, #3866E0, #00524E, #20004A)
• Timeworn Courtyard color palette (#D3EBE3, #00AEB2, #007699, #004E84, #181555)
• Pale Periwinkle color palette (#FFF0F7, #ACE4FF, #549BFF, #008475, #3C376D)
• Cypress Parlor color palette (#F6F1EC, #C8E3E8, #B48FA8, #007A80, #472D37)
• Washed Bronze color palette (#DDFAEB, #00A8D2, #B96F00, #006580, #321A00)

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