Washed Azure color palette — #F9F3F7 · #B4DCEC · #479FD1 · #257E58 · #2A395C

Cyan and Teal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F9F3F7): bright and airy, almost weightless.
• Powder Blue (#B4DCEC): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#479FD1): A luminous, balanced blue — the color of a favorite pair of jeans.
• Teal (#257E58): A full-bodied, balanced teal — the color of sea glass.
• Navy (#2A395C): A deep, shadowed, dusty violet — the color of wild irises.

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

Use it as a design system

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

• Timeworn Periwinkle color palette (#FAF3F6, #D4DEFC, #7BA5EA, #0F8D81, #404660)
• Dusty Pine Lantern color palette (#FBF2FB, #59E3E0, #009BBF, #007924, #00345F)
• Chalky Cornflower color palette (#FAE9F0, #98CCED, #5A81E0, #006C67, #312451)
• Teal Corridor color palette (#D8EDDE, #00C1AB, #0096AA, #006A91, #20365B)
• Linen Amber Atelier color palette (#CAEBF5, #00AAAD, #C27400, #827100, #01313C)
• Tempered Cerulean color palette (#FAF4EC, #83D4E2, #0585A7, #006058, #104437)
• Dusty Orchard color palette (#E8F8FF, #D8D8F9, #D4AFED, #639974, #2A4153)
• Hushed Rose color palette (#E2F1FB, #28B8E4, #F4595D, #007E9F, #522726)

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