Misty Azure color palette — #FFF2EC · #D4DEF8 · #00A6E8 · #00764C · #0B1F54

Cornflower takes the lead with Pine close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EC): a clean, paper-quiet neutral.
• Powder Blue (#D4DEF8): A whisper-light, dusty violet — the color of wild irises.
• Cornflower (#00A6E8): A luminous, balanced blue — the color of open sky before noon.
• Pine (#00764C): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#0B1F54): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Nature, Growth, Trust, Stability, Creativity, Balance. Tagged coastal, cool, light.

Use it as a design system

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

• Misty Forest color palette (#FFF2EE, #A7F6F3, #18A1C4, #1D6E29, #001F3C)
• Iris Bloom color palette (#FFF3E7, #DBE3F7, #6A93FF, #00736E, #2A154F)
• Timeworn Petrol Harbor color palette (#FEF1FA, #83C4CE, #0078A0, #005845, #003362)
• Turquoise Archive color palette (#E4FBF7, #82ECFC, #00BEDF, #009797, #00394A)
• Misty Cobalt Workshop color palette (#FFF2EC, #7BDCF2, #0081C5, #00543D, #04062D)
• Muted Bloom color palette (#FBF3EE, #D6D6E4, #93BEF2, #439281, #4F3646)
• Feathered Ultramarine color palette (#FBEBDD, #65C2F7, #3B61BB, #003E3B, #030010)
• Magenta Balcony color palette (#DDFFE9, #2EE38F, #DB26E1, #00804C, #360038)

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