Cobalt Pier color palette — #E6DED3 · #8EB5DE · #4970C6 · #00566D · #181648

Sapphire and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Bone (#E6DED3): bright and airy, almost weightless.
• Sky (#8EB5DE): A luminous, dusty blue — the color of open sky before noon.
• Sapphire (#4970C6): A full-bodied, balanced violet — the color of twilight just after sunset.
• Peacock (#00566D): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Indigo (#181648): A deep, shadowed, balanced violet — the color of a velvet chair.

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 Courtyard color palette (#E6DDD0, #75BFC9, #0081A0, #005A50, #002235)
• Quiet Cornflower Drift color palette (#E9FAEC, #A2D1FF, #4373E0, #004E63, #090529)
• Linen Ultramarine Basin color palette (#ECE1D5, #7EA2C6, #433FBF, #003D41, #28123D)
• Iris Lagoon color palette (#E8F3E6, #96C5F1, #7D89E0, #007C81, #28123D)
• Quiet Azure Balcony color palette (#FDF4E6, #99D5EB, #0097D6, #007274, #003362)
• Tempered Cerulean Study color palette (#F8F5EF, #CAE8E9, #8DB6DD, #3C94A1, #624960)
• Worn Grape color palette (#F0F0DE, #76A84E, #7F40B1, #356000, #290042)
• Ancient Sapphire Canyon color palette (#E4F2E1, #298C00, #005DE0, #A70029, #021700)

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