Azure Coast color palette — #ECF7FF · #26ACDF · #35485D · #142028 · #020609

Cyan and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#ECF7FF): bright and airy, almost weightless.
• Cyan (#26ACDF): A luminous, balanced blue — the color of deep harbor water.
• Charcoal (#35485D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Midnight (#142028): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#020609): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

One click turns Azure Coast 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

• Washed Iris Corridor color palette (#F1F5FF, #8B94F0, #42445D, #181E2D, #03060A)
• Aged Bloom color palette (#D7E7F3, #3FB9E7, #647088, #3A4D59, #0F1A1D)
• Washed Coast color palette (#E2F0FF, #007FE3, #21225A, #282027, #000816)
• Midnight Orchard color palette (#D0E5DA, #0081A6, #40283A, #051B12, #040803)
• Antique Atelier color palette (#F4F4FF, #A26ED0, #383049, #0E0D1E, #010105)
• Timeworn Studio color palette (#F0F5FF, #A3B7FF, #E78F7E, #67A277, #1F2B42)
• Nocturne Drift color palette (#DFE4FF, #864CE5, #261E3F, #170A0E, #020211)
• Dusty Boulevard color palette (#E9FAF3, #B9EED5, #80AA8A, #537E86, #1E3F39)

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