Azure Boulevard color palette — #F6F0F4 · #B9E4F7 · #3796D0 · #226D51 · #202C41
A conversation between Cerulean and Pine, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F0F4): a clean, paper-quiet neutral.
- Powder Blue (#B9E4F7): A whisper-light, dusty blue — the color of deep harbor water.
- Cerulean (#3796D0): A luminous, balanced blue — the color of deep harbor water.
- Pine (#226D51): A full-bodied, balanced teal — the color of shallow lagoons.
- Midnight (#202C41): A deep, shadowed, dusty violet — the color of a velvet chair.
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
- Patina Dune color palette (#F9EEF3, #A3CEEA, #4B7CC3, #005C52, #171E3C)
- Dusty Lantern color palette (#F0F7F1, #B6E4FA, #5394AF, #316E69, #304A61)
- Hushed Iris color palette (#E6F7EC, #B9A34B, #7B81E4, #776300, #212248)
- Dusty Lagoon color palette (#F5E9F5, #308789, #004256, #002109, #000105)
- Aqua Coast color palette (#F8F5EF, #BBE5F2, #58CAF8, #1A958D, #25473D)
- Dusty Courtyard color palette (#FEF2ED, #C6F1D5, #7CAACF, #478970, #554050)
- Ultramarine Orchard color palette (#EDE2E6, #71A3C5, #324BB5, #003938, #100027)
- Sapphire Meadow color palette (#FFECF4, #7FC5EB, #1362F6, #00524C, #1C0A43)
Browse the whole catalog at Explore, or see today's palette.