Navy Harbor color palette — #F0EBFF · #C08186 · #8F5900 · #241E8D · #1E000C

A conversation between Indigo and Ochre, giving this palette its sense of optimism and creativity.

The five colors

• Blush (#F0EBFF): A whisper-light, dusty violet — the color of wild irises.
• Dusty Rose (#C08186): A luminous, dusty red — the color of a theater curtain.
• Ochre (#8F5900): A full-bodied, balanced gold — the color of honey in a jar.
• Indigo (#241E8D): A deep, shadowed, vivid violet — the color of wild irises.
• Ink (#1E000C): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Optimism, Creativity, Warmth, Comfort, Balance. Tagged pastel, light, warm.

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

• Weathered Quarry color palette (#F5E8FE, #B4836F, #7A781B, #481673, #290003)
• Rust Ridge color palette (#E0E7FF, #AE799F, #B03F16, #003753, #1A0429)
• Softworn Field color palette (#FFE5E6, #C1698D, #BC2F29, #40015E, #050000)
• Powdered Scarlet color palette (#EDE7FD, #CA8B9E, #DA4D40, #683788, #14051F)
• Chalky Meadow color palette (#FFE4EA, #DB8D75, #C8823E, #5067A4, #230304)
• Hushed Garnet Villa color palette (#EFDEE9, #C89E70, #5D8A2E, #6A0049, #230F00)
• Aubergine Harbor color palette (#F3E5F5, #F0AC81, #929939, #6F2B82, #3A120C)
• Midnight Study color palette (#F1D9E7, #7B4E05, #4D1800, #27000A, #040300)

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