Hazy Ultramarine Pier color palette — #E7F2E5 · #8DBCE7 · #3955DA · #003D45 · #030010

A conversation between Cobalt and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E7F2E5): A whisper-light, dusty green — the color of fresh herbs.
• Sky (#8DBCE7): A luminous, dusty blue — the color of a favorite pair of jeans.
• Cobalt (#3955DA): A full-bodied, vivid violet — the color of a velvet chair.
• Deep Teal (#003D45): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#030010): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

One click turns Hazy Ultramarine 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

• Tempered Petrol color palette (#F8E9F2, #66C5E2, #006EA5, #003E38, #000112)
• Pale Alley color palette (#EFE3D6, #5490C1, #333A9C, #002B2D, #080014)
• Hushed Archive color palette (#FEF1FA, #90DAE3, #0086AD, #00533F, #000D1E)
• Linen Cornflower Atelier color palette (#DEE6D1, #83B5E7, #3380EA, #006690, #030E39)
• Faded Loft color palette (#F6E1FA, #BE004F, #00675C, #004A5E, #040001)
• Powdered Turquoise Lantern color palette (#FCF1F9, #B9FCFF, #00ABD0, #007650, #002740)
• Hushed Periwinkle Workshop color palette (#FFF0F7, #D6D4E1, #71B2FF, #008788, #292F62)
• Scarlet Lantern color palette (#F1D4EE, #D54149, #00795E, #750015, #000201)

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