Muted Navy Garden color palette — #F1DDE1 · #C0896F · #746C2F · #2B457F · #311643

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

The five colors

• Shell Pink (#F1DDE1): A whisper-light, dusty red — the color of late-summer berries.
• Caramel (#C0896F): A luminous, dusty orange — the color of toasted spice.
• Olive (#746C2F): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#2B457F): A full-bodied, balanced violet — the color of a velvet chair.
• Deep Indigo (#311643): A deep, shadowed, balanced violet — the color of wild irises.

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

Use it as a design system

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

• Weathered Onyx color palette (#F2DDD8, #B09469, #5A7E3B, #4F3C6D, #470A35)
• Onyx Atelier color palette (#FCE4DD, #8A827D, #65630E, #243971, #31003E)
• Patina Archive color palette (#EFE1EE, #B4848B, #91623F, #00546F, #00314B)
• Dusty Driftwood Grove color palette (#F2E1CC, #A2873F, #595C0A, #004337, #012935)
• Powdered Denim color palette (#F2D8CB, #C2AF7A, #66925E, #6C5091, #56204C)
• Wandering Aubergine color palette (#FFEADB, #817633, #3F5F3B, #4A175C, #2F0010)
• Airy Olive color palette (#F7EDE0, #98965D, #3F7000, #652D59, #1D1C00)
• Washed Taupe color palette (#F9EADD, #BF9F69, #8E8557, #406F5A, #1D3214)

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