Hazy Azure color palette — #FFF0F8 · #FFD3F7 · #FFBDB2 · #00ADEA · #42275B

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

The five colors

• Ivory (#FFF0F8): a clean, paper-quiet neutral.
• Thistle (#FFD3F7): A whisper-light, dusty pink — the color of neon signs at night.
• Rose Quartz (#FFBDB2): A whisper-light, dusty orange — the color of toasted spice.
• Cyan (#00ADEA): A luminous, balanced blue — the color of a favorite pair of jeans.
• Royal Purple (#42275B): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Softness, Clarity. Tagged pastel, light.

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

• Iris Drift color palette (#F9F2FF, #F7D4CC, #E3C986, #7C9BFD, #511E3C)
• Faded Atelier color palette (#E3F6FF, #E1D3F1, #FFB3E9, #00AEA6, #243763)
• Dusty Indigo Lantern color palette (#F3F0FF, #EFC2FF, #FF9EC6, #6673D9, #49265B)
• Oat Summit color palette (#FFF1F6, #E5D8D3, #B5D9F2, #9EBACE, #5F494E)
• Mustard Study color palette (#FED1EA, #FFBAAC, #CBB357, #8D71B6, #381115)
• Quiet Harbor color palette (#EBEED4, #00DDB1, #A580E6, #49356B, #25111B)
• Cocoa Courtyard color palette (#FFF2F0, #E1DBCB, #A9ACB7, #C792A7, #76391D)
• Hushed Coral Balcony color palette (#FFDBD8, #FF6C6E, #D08300, #008F73, #3D080C)

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