Azure Coast color palette — #F0F3EC · #C3E5DA · #5C91CD · #226683 · #382437

A conversation between Cerulean and Peacock, giving this palette its sense of trust and stability.

The five colors

• Cream (#F0F3EC): bright and airy, almost weightless.
• Silver (#C3E5DA): A whisper-light, dusty teal — the color of shallow lagoons.
• Cerulean (#5C91CD): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#226683): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#382437): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, 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 Cerulean color palette (#F2F3EA, #CAE4D1, #449AB2, #006C6E, #0E3425)
• Patina Hollow color palette (#F0F3EA, #AAD6F5, #0288DB, #005E78, #092547)
• Patina Drift color palette (#FCF2F5, #C0E1FE, #738AB7, #1D6E77, #3F4660)
• Turquoise Courtyard color palette (#E0E1D6, #54AABB, #006278, #00393B, #000D14)
• Dusty Market color palette (#E3E6D8, #40829C, #00415D, #001E24, #000104)
• Ancient Powder color palette (#FAF4EE, #C3E2F6, #9ABAFB, #33919B, #503645)
• Timeworn Aqua color palette (#F2F4DF, #64CDD9, #008093, #00524F, #001E27)
• Emerald Study color palette (#F0F5DF, #43A45C, #008EA6, #85651E, #1D2106)

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