Muted Navy color palette — #FDF2F5 · #A07B51 · #2F774C · #3B488A · #3B2B38
A conversation between Indigo and Pine, giving this palette its sense of nature and growth.
The five colors
- Ivory (#FDF2F5): bright and airy, almost weightless.
- Mocha (#A07B51): A luminous, dusty gold — the color of afternoon light on wheat.
- Pine (#2F774C): A full-bodied, balanced teal — the color of shallow lagoons.
- Indigo (#3B488A): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#3B2B38): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Timeworn Navy color palette (#ECF8F7, #69966E, #21776E, #5B4179, #412932)
- Muted Olive color palette (#FBF2F8, #A87364, #6C6A26, #005664, #393447)
- Denim Drift color palette (#F0F8F0, #B39168, #227D8F, #2C5487, #583550)
- Timeworn Moss color palette (#F4F2E7, #909951, #00827C, #0E5573, #261922)
- Patina Bronze color palette (#EDF9EE, #CE9A7E, #7D7A3C, #535286, #3C4D3B)
- Tempered Hollow color palette (#E1FDEC, #826F00, #006353, #3A009D, #3C1600)
- Ancient Coast color palette (#E5FAFB, #358860, #006676, #61246D, #1C331D)
- Bronze Veranda color palette (#EAF5EC, #93793D, #2C423B, #1E2D22, #201717)
Browse the whole catalog at Explore, or see today's palette.