Muted Navy Drift color palette — #DFF3F6 · #008E51 · #006669 · #00318A · #000102

Indigo and Fern set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFF3F6): A whisper-light, dusty blue — the color of open sky before noon.
• Fern (#008E51): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#006669): A full-bodied, dusty teal — the color of shallow lagoons.
• Indigo (#00318A): A deep, shadowed, balanced violet — the color of a velvet chair.
• Black (#000102): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged candy, vibrant, light.

Use it as a design system

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

• Nightshade Thicket color palette (#C9E8D8, #009168, #006B86, #3F1BA5, #000103)
• Timeworn Olive color palette (#E6F5E0, #578100, #006C67, #003D5C, #000202)
• Navy Delta color palette (#DAECE6, #00697C, #1C2C66, #2D1500, #090200)
• Timeworn Aubergine Terrace color palette (#D3E3F3, #008383, #0059A5, #560077, #00000B)
• Weathered Teal color palette (#CFF9FC, #00BCAA, #0094A0, #005C79, #000102)
• Tempered Parlor color palette (#F1E4D7, #3A80AA, #003486, #001F21, #01000A)
• Moonless Lagoon color palette (#C9EDF0, #00566B, #00344E, #000D2A, #01000C)
• Denim Villa color palette (#D8F5ED, #004F85, #5D2D00, #00203A, #030100)

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