Misty Navy color palette — #E3F4F5 · #008762 · #00616F · #003177 · #030009

A conversation between Navy and Fern, giving this palette its sense of trust and stability.

The five colors

• Cream (#E3F4F5): bright and airy, almost weightless.
• Fern (#008762): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00616F): A full-bodied, dusty blue — the color of open sky before noon.
• Navy (#003177): A deep, shadowed, balanced blue — the color of open sky before noon.
• Black (#030009): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. Tagged cool.

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

• Wandering Nightshade Loft color palette (#CDE9ED, #008475, #005F7C, #25009F, #040006)
• Olive Archive color palette (#D2F1EC, #308800, #00645C, #003C54, #01000E)
• Soft Grove color palette (#EEE8F6, #AD438F, #006362, #003A5D, #02000B)
• Linen Navy color palette (#C2EAD9, #4D978D, #357981, #2D4392, #14023A)
• Dusty Terrace color palette (#E2F4F1, #68ADB8, #00829A, #005D5D, #000B11)
• Onyx Loft color palette (#D8E8DE, #665800, #004425, #1D0050, #040100)
• Tempered Emerald Cabin color palette (#E3ECDD, #3B901C, #006F22, #004722, #000C05)
• Tempered Cypress color palette (#CBEAE5, #649674, #007452, #4F4A00, #000802)

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