Quiet Boulevard color palette — #E5F2F1 · #93CAFD · #4A88D4 · #00668C · #182C55

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

The five colors

• Cream (#E5F2F1): bright and airy, almost weightless.
• Sky (#93CAFD): A luminous, balanced blue — the color of open sky before noon.
• Azure (#4A88D4): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00668C): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#182C55): A deep, shadowed, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Quiet 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

• Hushed Cerulean color palette (#E3F2F0, #74D4EA, #0095B8, #006B70, #003346)
• Petrol Veranda color palette (#E8F1EA, #90B6D7, #4267A7, #004D5F, #232759)
• Muted Iris color palette (#FFF1F6, #D9DDFA, #7D8ADE, #00696E, #28103D)
• Feathered Periwinkle Pier color palette (#F2EEE7, #B2DED1, #76A4F4, #008CAC, #22265C)
• Chalky Lantern color palette (#E3FBF7, #91EBFF, #1BABD2, #008287, #00465F)
• Softworn Study color palette (#DDF3F1, #60ACD1, #006DA0, #004856, #001529)
• Hushed Emerald Hollow color palette (#D5EDD3, #16A223, #008A9B, #8B5F00, #062707)
• Hushed Seafoam color palette (#DEFFDD, #7CEDB4, #63CEB4, #638442, #013A39)

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