Navy Harbor color palette — #F8F1E3 · #8E7500 · #006255 · #133281 · #471732

Navy takes the lead with Walnut close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#F8F1E3): bright and airy, almost weightless.
• Walnut (#8E7500): A full-bodied, balanced green — the color of new leaves after rain.
• Pine (#006255): A full-bodied, balanced teal — the color of shallow lagoons.
• Navy (#133281): A deep, shadowed, balanced violet — the color of wild irises.
• Espresso (#471732): A deep, shadowed, balanced rose — the color of pressed rose petals.

Feels like: Nature, Growth, Optimism, Creativity, Balance. Tagged cool.

Use it as a design system

One click turns 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

• Dusty Olive Cabin color palette (#F4F3E4, #628411, #005E6E, #46276B, #4E150E)
• Linen Forest color palette (#FCEFE4, #AC6200, #056615, #004155, #381C4C)
• Gentle Ridge color palette (#FAEBD9, #A76F00, #005A8C, #39275C, #180733)
• Wandering Nightshade color palette (#D7E7D1, #00796C, #0329BC, #55003A, #2F1A00)
• Amber Chapel color palette (#FFECF2, #CF8100, #007AAE, #5C3E80, #341E4D)
• Worn Onyx color palette (#F3E9CC, #605A00, #003F43, #2A0051, #270400)
• Washed Cypress Chapel color palette (#F6F7E5, #73AA82, #00745A, #644324, #35362F)
• Wandering Cerulean Loft color palette (#F8F4EE, #95D2D4, #00879C, #00624F, #074055)

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