Hazy Azure color palette — #D3EBF4 · #61CBFC · #00A5E6 · #3183BD · #1A3C60

Cornflower and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#D3EBF4): A whisper-light, dusty blue — the color of deep harbor water.
• Sky (#61CBFC): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cornflower (#00A5E6): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cerulean (#3183BD): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#1A3C60): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

Use it as a design system

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

• Dusty Basin color palette (#DAEDFF, #A0CDFF, #78A9ED, #6782C2, #3B456E)
• Tempered Ultramarine Station color palette (#D4FFFF, #6ADEF5, #0091CB, #0062B6, #1A2558)
• Muted Aqua Hollow color palette (#D5F1EE, #12D0D1, #00B2BD, #00879A, #003F4D)
• Periwinkle Lagoon color palette (#E9F2FF, #B1D2FF, #6FA5EC, #4A75B8, #05224E)
• Azure Chapel color palette (#E1F1FE, #79C8FF, #80C47C, #2C9ADC, #184016)
• Hushed Wisteria color palette (#D2E7FF, #6DB2FF, #CB85E0, #00ACA1, #172D43)
• Powdered Iris Atelier color palette (#D8E0F6, #A6AEFF, #918BE8, #7B67B9, #3F315B)
• Amethyst Boulevard color palette (#D5E2FF, #8FA8FF, #7A7CFF, #6843E6, #3C147C)

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