Cobalt Pier color palette — #EEF6FF · #A6C7F2 · #5E7EAD · #34537A · #203855

Slate takes the lead with Peacock close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EEF6FF): a clean, paper-quiet neutral.
• Sky (#A6C7F2): A whisper-light, dusty blue — the color of deep harbor water.
• Slate (#5E7EAD): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#34537A): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#203855): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. 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

• Ancient Denim color palette (#F3F4FF, #D3BFEC, #8B77A7, #564271, #3D2D4F)
• Weathered Petrol Quarry color palette (#FFF0FE, #BDDBFF, #7AA4D4, #3C69A0, #1F3C5C)
• Worn Cerulean Veranda color palette (#EEF6FF, #D9D8E3, #C0A6AB, #6F8BA5, #434C5A)
• Lagoon Quarry color palette (#E9FAF0, #9EC1B1, #608B75, #476651, #394D46)
• Patina Iris color palette (#F2F5FF, #8E86C6, #A46E74, #256A73, #383C4D)
• Softworn Terrace color palette (#F3F4FF, #9FA8FF, #585AC6, #332891, #221961)
• Powdered Nightshade color palette (#E0DEFF, #9283E4, #543DA7, #31106C, #1B0448)
• Obsidian Navy Balcony color palette (#D3E0FF, #365EC1, #020487, #010034, #000010)

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