Muted Navy color palette — #EDF4EC · #AF8A5C · #00798A · #483F78 · #251826

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

The five colors

• Cream (#EDF4EC): bright and airy, almost weightless.
• Caramel (#AF8A5C): A luminous, dusty gold — the color of old brass.
• Teal (#00798A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#483F78): A full-bodied, balanced violet — the color of a velvet chair.
• Onyx (#251826): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Worn Denim Basin color palette (#F9EEF5, #AA7868, #007763, #15497E, #1B1326)
• Worn Mulberry Grove color palette (#EBF4F0, #898E5E, #53739F, #6C2C60, #23141A)
• Bronze Summit color palette (#FDF3EA, #AC7231, #007466, #683C69, #38332E)
• Aged Denim color palette (#E8F6EA, #BDAA75, #6B8057, #38527D, #153326)
• Cerulean Basin color palette (#FDF3EA, #CC935B, #1798AC, #69689B, #43332F)
• Aubergine Veranda color palette (#E2F9E9, #8D7400, #00577A, #4D0079, #1E0100)
• Petrol Courtyard color palette (#EDF8F2, #BDBC85, #7CA26C, #6A639D, #1B2C1F)
• Tempered Driftwood Workshop color palette (#E3F1EB, #85883C, #24423D, #12221C, #070E09)

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