Muted Navy color palette — #F2F0DA · #659B7D · #00716E · #4A3062 · #351516

A conversation between Royal Purple and Teal, giving this palette its sense of nature and growth.

The five colors

• Cream (#F2F0DA): A whisper-light, dusty green — the color of a quiet forest floor.
• Eucalyptus (#659B7D): A luminous, dusty teal — the color of shallow lagoons.
• Teal (#00716E): A full-bodied, balanced teal — the color of shallow lagoons.
• Royal Purple (#4A3062): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#351516): A deep, shadowed, dusty red — the color of late-summer berries.

Feels like: Nature, Growth, Creativity, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

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

• Cypress Pier color palette (#EDE7CE, #839658, #287955, #293563, #2C1739)
• Petrol Meadow color palette (#E3EDDC, #3A99A5, #28688F, #532E2C, #330C09)
• Dusty Teal Dune color palette (#EAEDD1, #80B59D, #4A8488, #69424E, #3D1D1B)
• Timeworn Onyx color palette (#D8E3D9, #318574, #005C69, #441542, #2B0111)
• Chalky Coast color palette (#DEEFDC, #009D4C, #006D53, #004238, #001C1B)
• Muted Plum Market color palette (#D8E8CD, #00957A, #BB206B, #005343, #290012)
• Hushed Fern Boulevard color palette (#F2E9D8, #8D9352, #3C6200, #453700, #171200)
• Teal Meadow color palette (#9CF2ED, #00ABA7, #00645B, #00312E, #000908)

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