Cobalt Pier color palette — #EFF6FF · #CEDAFF · #88B3FA · #5C7ACA · #0D2951

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

The five colors

• Ivory (#EFF6FF): bright and airy, almost weightless.
• Powder Blue (#CEDAFF): A whisper-light, dusty violet — the color of twilight just after sunset.
• Sky (#88B3FA): A luminous, balanced violet — the color of a velvet chair.
• Azure (#5C7ACA): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#0D2951): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged monochrome, 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

• Cobalt Orchard color palette (#ECF7FF, #A2E4FF, #56BDE4, #0085C1, #003044)
• Soft Violet Study color palette (#F2F5FF, #D8D0FF, #B0A5EF, #8A6BCB, #372253)
• Antique Denim Station color palette (#FFF0FE, #B2CFFF, #708BD6, #3C59AA, #1A2E59)
• Airy Basin color palette (#FFEAFD, #9DB8FF, #5A76B8, #254374, #041432)
• Washed Lantern color palette (#F1F5FF, #CEDCB0, #8D8EC9, #5D5C92, #1C2130)
• Pale Iris Drift color palette (#F1F5FE, #CBD2FF, #DAA24B, #8D95FF, #1A281A)
• Dusty Lapis color palette (#E5E6FF, #BDBEFF, #9D7BFF, #5F32FF, #1C0046)
• Washed Teal color palette (#F1F5FF, #AAB4F6, #D8A157, #03A699, #28324B)

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