Frosted Azure color palette — #BEE9F0 · #31C5FA · #0097E3 · #3356B4 · #413A71

Azure and Cobalt set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#BEE9F0): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Cyan (#31C5FA): A luminous, balanced blue — the color of deep harbor water.
• Azure (#0097E3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3356B4): A full-bodied, balanced violet — the color of twilight just after sunset.
• Navy (#413A71): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Hushed Cornflower color palette (#E2F2FA, #63BFFF, #5B85FF, #5C51B6, #453067)
• Ultramarine Coast color palette (#E6F9FF, #76D1FF, #27A2FD, #005BC0, #252F7A)
• Nightshade Lagoon color palette (#CCEBEC, #00B4D8, #0075B3, #323DAD, #42337D)
• Washed Veranda color palette (#D3EDF4, #00A4E9, #0072E5, #45499E, #301D52)
• Dusty Turquoise Garden color palette (#88F9DC, #00C7C9, #0099AF, #00688F, #12446D)
• Washed Terrace color palette (#D3E7FF, #A6B9FF, #9586E2, #77578D, #4B4260)
• Muted Pier color palette (#D0E2F0, #338AFE, #5542DD, #52228A, #330E40)
• Ancient Atelier color palette (#EEF6FF, #E4D5ED, #F3A8E4, #3B9AB6, #324462)

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