Misty Navy color palette — #FFF2ED · #8DDAE2 · #0098CF · #007746 · #032B75

Built around Navy, softened by Cerulean — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2ED): bright and airy, almost weightless.
• Ice Blue (#8DDAE2): A whisper-light, dusty blue — the color of open sky before noon.
• Cerulean (#0098CF): A luminous, balanced blue — the color of a favorite pair of jeans.
• Pine (#007746): A full-bodied, balanced teal — the color of sea glass.
• Navy (#032B75): A deep, shadowed, balanced violet — the color of a velvet chair.

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

Use it as a design system

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

• Pine Boulevard color palette (#FCF3F0, #C0DEC2, #48A1C4, #09813E, #203B5E)
• Cornflower Market color palette (#FEF3EA, #8FD5F7, #3D89F9, #007367, #32216E)
• Faded Cobalt Market color palette (#F1E0DA, #97BCA1, #007DB4, #005C3D, #0B1A4A)
• Worn Turquoise color palette (#FEF4E4, #76EFF8, #00BEE0, #009A83, #00384E)
• Petrol Pier color palette (#EAFAED, #66C9D1, #007B92, #005749, #00384E)
• Patina Lagoon Parlor color palette (#FAF4F0, #C5E5E2, #80A9D0, #248E73, #5C3B52)
• Faded Ultramarine color palette (#EAE0D9, #79A9C1, #0960CD, #004B42, #15033E)
• Hazy Rose color palette (#FFE8E8, #F0405F, #8C8400, #008633, #490313)

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