Soft Navy Harbor color palette — #FBF4E8 · #7F6700 · #565300 · #0B2D82 · #2B1604

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

The five colors

• Ivory (#FBF4E8): bright and airy, almost weightless.
• Walnut (#7F6700): A full-bodied, balanced green — the color of new leaves after rain.
• Deep Olive (#565300): A full-bodied, balanced green — the color of fresh herbs.
• Navy (#0B2D82): A deep, shadowed, balanced violet — the color of a velvet chair.
• Onyx (#2B1604): A deep, shadowed, dusty gold — the color of old brass.

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

Use it as a design system

One click turns Soft Navy Harbor 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

• Hushed Aubergine color palette (#FCF5E2, #706500, #006023, #390D7D, #261901)
• Antique Bronze Station color palette (#FFF2EA, #A75016, #534700, #003D5F, #351502)
• Misty Aubergine Station color palette (#FFEAD9, #BB6D5E, #605E00, #492388, #472708)
• Hushed Loft color palette (#FFECF6, #A75100, #005F5B, #1E3076, #100516)
• Softworn Bronze color palette (#FFF2E9, #C1642C, #007C79, #264A8D, #2D1716)
• Bronze Atelier color palette (#FFD5D8, #D48D69, #856400, #384600, #003826)
• Shadow Chestnut Basin color palette (#EAE0CF, #7A5F00, #282800, #1C1100, #070401)
• Chalky Aubergine color palette (#FFEDEA, #AF5573, #006537, #5C1064, #4C1329)

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