Muted Azure color palette — #D7FEFF · #99EAFF · #42ACDC · #3C679E · #1A265F
A conversation between Cyan and Navy, giving this palette its sense of trust and stability.
The five colors
- Ivory (#D7FEFF): A whisper-light, dusty teal — the color of sea glass.
- Ice Blue (#99EAFF): A whisper-light, balanced blue — the color of deep harbor water.
- Cyan (#42ACDC): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#3C679E): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#1A265F): A deep, shadowed, balanced violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged cool.
Use it as a design system
One click turns Muted 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
- Powdered Seafoam Pier color palette (#DBFFEC, #75FAE5, #45B4BE, #09728C, #003957)
- Ancient Periwinkle color palette (#E8F8FF, #D4D9F7, #829CE8, #6261A5, #3E205E)
- Frosted Aubergine Boulevard color palette (#C2FFEA, #84E3EE, #65B9E7, #5B83CB, #3B2677)
- Feathered Bloom color palette (#CEFBFF, #73B7BF, #0882A8, #08419E, #1F0062)
- Hushed Basin color palette (#CFE3E5, #0094B8, #005B8D, #000E68, #010009)
- Tempered Glacier Hollow color palette (#FFF4E2, #32E3FD, #6196CC, #8E4E4F, #1C382B)
- Dusty Market color palette (#E6FBF1, #00ACE5, #523F52, #11231B, #020704)
- Weathered Alley color palette (#E5F9FF, #6EC6FF, #1287F4, #3520BB, #18003E)
Browse the whole catalog at Explore, or see today's palette.