Misty Azure color palette — #FDF1FA · #ACF4FE · #00A0D0 · #006C55 · #021F3B

Built around Cerulean, softened by Pine — the whole palette hums with trust and stability.

The five colors

• Ivory (#FDF1FA): a clean, paper-quiet neutral.
• Sea Foam (#ACF4FE): A whisper-light, dusty blue — the color of deep harbor water.
• Cerulean (#00A0D0): A luminous, balanced blue — the color of deep harbor water.
• Pine (#006C55): A full-bodied, balanced teal — the color of shallow lagoons.
• Midnight (#021F3B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, 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

• Washed Iris Veranda color palette (#ECFAEB, #DADEFB, #6F8BEA, #006877, #1F173B)
• Softworn Station color palette (#FCF1F8, #D3D5E5, #70AED8, #2A7E72, #1E2F46)
• Cobalt Cabin color palette (#FFF0F8, #85D8FD, #007DD6, #00514F, #05042F)
• Worn Denim color palette (#F3E4EC, #59AFCD, #00598E, #002C28, #00000C)
• Hushed Petrol Ridge color palette (#F3E6E0, #9ABEA3, #0073A5, #004E32, #030D42)
• Feathered Fuchsia Veranda color palette (#FFF0FC, #EF64DD, #00882F, #007E60, #110521)
• Aged Aqua Ridge color palette (#FCE7F5, #23D0CA, #007485, #004121, #000306)
• Hushed Powder color palette (#FAF2F8, #D5D4E2, #B1C6F4, #699CA2, #414F5F)

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