Muted Navy color palette — #F5EBF3 · #B19A4F · #283D80 · #141F3F · #1C121A

A conversation between Navy and Mustard, giving this palette its sense of nature and growth.

The five colors

• Blush (#F5EBF3): bright and airy, almost weightless.
• Mustard (#B19A4F): A luminous, balanced green — the color of new leaves after rain.
• Navy (#283D80): A deep, shadowed, balanced violet — the color of a velvet chair.
• Midnight (#141F3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
• Ink (#1C121A): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Nature, Growth, Optimism, Creativity, Sophistication. Tagged luxury, dark, 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

• Patina Amber Delta color palette (#E4F2EE, #D08669, #004770, #00243C, #061A15)
• Wandering Lantern color palette (#F9EAEF, #83AA5F, #55287C, #2A163D, #1F1116)
• Patina Sand Pier color palette (#E6EFFF, #E2C486, #7386B9, #46547E, #0E1624)
• Aged Study color palette (#FAE8F6, #F891A5, #4D5EA0, #293358, #1D111B)
• Pewter Corridor color palette (#FDF2F5, #C4C399, #6D527A, #4F2C37, #2F221F)
• Navy Drift color palette (#FAE4F3, #7F8000, #1A0971, #05002C, #070005)
• Chalky Garnet Balcony color palette (#EADAD9, #8A943A, #630043, #2E001D, #160606)
• Tempered Nightshade Lantern color palette (#FCF2F9, #8295DC, #A22752, #333FAA, #241310)

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