Navy Harbor color palette — #F7E4DF · #B69D71 · #617331 · #4F4285 · #5C2F50

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

The five colors

• Rose Water (#F7E4DF): A whisper-light, dusty orange — the color of sun-warmed clay.
• Camel (#B69D71): A luminous, dusty gold — the color of old brass.
• Olive (#617331): A full-bodied, balanced green — the color of new leaves after rain.
• Indigo (#4F4285): A full-bodied, balanced violet — the color of a velvet chair.
• Mulberry (#5C2F50): A deep, shadowed, balanced pink — the color of a candy shop window.

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

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

• Wandering Lagoon Loft color palette (#FFE6D2, #BDAF89, #2F8A66, #734B77, #75373F)
• Faded Bronze color palette (#F8DCF0, #C88283, #9A6500, #005375, #423073)
• Misty Hollow color palette (#F0E2CD, #8D9F57, #24796C, #7C325E, #741016)
• Worn Garnet color palette (#F2EBD6, #72A157, #006C47, #76193A, #183700)
• Chalky Pine Lantern color palette (#E9E9D7, #90A266, #25861F, #005359, #002531)
• Feathered Garnet color palette (#E5DFCD, #6B9463, #006A63, #641440, #4C1400)
• Patina Canyon color palette (#FADEC8, #DABB23, #66AC6F, #7E77AE, #392F62)
• Worn Cocoa color palette (#FFF2EC, #D4C6B5, #91907B, #7F6471, #763C17)

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