Muted Navy color palette — #F0DBE1 · #B68877 · #746B42 · #273A6B · #251335

Built around Navy, softened by Deep Indigo — the whole palette hums with nature and growth.

The five colors

• Shell Pink (#F0DBE1): A whisper-light, dusty rose — the color of a warm blush.
• Caramel (#B68877): A luminous, dusty orange — the color of autumn markets.
• Walnut (#746B42): A full-bodied, dusty green — the color of fresh herbs.
• Navy (#273A6B): A deep, shadowed, balanced violet — the color of a velvet chair.
• Deep Indigo (#251335): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Optimism, 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

• Onyx Pier color palette (#F6E3FA, #B88696, #8A5A45, #004B5B, #061543)
• Dusty Alley color palette (#FDDCC5, #999162, #4E6C4A, #4F3763, #390F20)
• Navy Studio color palette (#FADADE, #9A7058, #564F00, #22276D, #200024)
• Aged Driftwood Basin color palette (#FBE6FD, #D39D75, #808749, #47537E, #313954)
• Weathered Workshop color palette (#F9E1C5, #A38D4F, #666820, #005141, #163A31)
• Muted Bloom color palette (#F0E5D6, #919256, #38621A, #5C194D, #131300)
• Dusty Boulevard color palette (#F2E2DC, #BE6E07, #735800, #3D3900, #111700)
• Tempered Basalt Atelier color palette (#FFEFDD, #D0C9AF, #8E9781, #816266, #553A31)

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