Azure Boulevard color palette — #F4F6ED · #B4EDEB · #3B9DCD · #006877 · #002136

Cerulean and Peacock set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F4F6ED): bright and airy, almost weightless.
• Sea Foam (#B4EDEB): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#3B9DCD): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006877): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#002136): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Azure Boulevard 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 Periwinkle color palette (#F4F7ED, #C1DFF0, #6DACE3, #007A9A, #0E2E54)
• Patina Drift color palette (#B7F3FF, #00BFE4, #008DB2, #004C67, #002338)
• Denim Cabin color palette (#E2E5DB, #80A7C6, #00559B, #002939, #000106)
• Tempered Veranda color palette (#DBFFEC, #00A1C9, #8269E3, #007F4D, #000F16)
• Faded Peony color palette (#DEFEF0, #3DB7F2, #C769BE, #006C96, #2E002C)
• Hushed Petrol Bloom color palette (#F3E4EC, #73BFDF, #306FA8, #004B49, #0B1233)
• Tempered Atelier color palette (#EEEFE5, #74C5D5, #00738C, #003D3F, #000305)
• Cobalt Courtyard color palette (#F2F7EB, #DCC1E0, #3F79CF, #004C6E, #020039)

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