Muted Navy Ridge color palette — #FFF1F7 · #9C6540 · #516500 · #213C80 · #3B1F2D

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

The five colors

• Ivory (#FFF1F7): a clean, paper-quiet neutral.
• Walnut (#9C6540): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#516500): A full-bodied, balanced green — the color of a quiet forest floor.
• Navy (#213C80): A deep, shadowed, balanced violet — the color of wild irises.
• Onyx (#3B1F2D): A deep, shadowed, dusty rose — the color of strawberry cream.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged jewel, vibrant.

Use it as a design system

One click turns Muted Navy Ridge 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 Navy color palette (#EEF8EF, #9A7630, #3F6722, #3C3A87, #1E3020)
• Wandering Pier color palette (#FCF2F9, #B77565, #6E6511, #324089, #5D2316)
• Muted Rust Chapel color palette (#FDF1FE, #AA5E68, #744D00, #004A58, #372439)
• Ember Garden color palette (#FCEFE8, #C56846, #007361, #0F3E7D, #1F090C)
• Pale Amber color palette (#FFF0F9, #D47756, #008972, #315A91, #2D2639)
• Airy Dune color palette (#D8FFEE, #656800, #324500, #050085, #1F1100)
• Hushed Bronze color palette (#DBE9DB, #956700, #173931, #112414, #1A1011)
• Antique Bronze Workshop color palette (#FAF3F6, #D0D9DB, #AFC0C2, #A5603B, #4E4549)

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