Misty Navy color palette — #D3EFDC · #58A88F · #107874 · #004180 · #161B46

Navy and Jade set the tone — five colors that lean into trust and stability.

The five colors

• Honeydew (#D3EFDC): A whisper-light, dusty teal — the color of sea glass.
• Jade (#58A88F): A luminous, balanced teal — the color of glacier melt.
• Teal (#107874): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004180): A deep, shadowed, balanced blue — the color of deep harbor water.
• Deep Indigo (#161B46): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged vintage, retro, muted, 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

• Navy Ridge color palette (#D8F0EE, #59A1AC, #2E6B83, #403772, #251134)
• Dusty Pine color palette (#DEE3D3, #85A776, #00784B, #004B5D, #002841)
• Patina Lagoon Courtyard color palette (#DAEAD2, #72C589, #009B7D, #246382, #1F3E66)
• Muted Station color palette (#D4E6EA, #4A84A4, #2B5787, #3D1C4C, #22001D)
• Aged Petrol color palette (#E7F5F3, #72CADF, #007E9C, #005155, #001D2A)
• Aubergine Thicket color palette (#B3F3F7, #79B6C6, #5785A4, #5E4384, #3C1847)
• Timeworn Petrol Lantern color palette (#D8F9FF, #AEC7CE, #8397A2, #586585, #3D3F59)
• Teal Cabin color palette (#9FFAE1, #00B897, #00705B, #00372B, #000B06)

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