Navy Harbor color palette — #F9ECDE · #855100 · #004B8F · #412500 · #000F25

Indigo takes the lead with Coffee close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F9ECDE): A whisper-light, dusty gold — the color of old brass.
• Coffee (#855100): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Indigo (#004B8F): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#412500): A deep, shadowed, dusty gold — the color of honey in a jar.
• Ink (#000F25): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Optimism, Balance. Tagged 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

• Dusty Nightshade Archive color palette (#E5DECC, #6C5F00, #3833AD, #342D00, #0A003C)
• Misty Quarry color palette (#F8E2D6, #A82C00, #00546A, #541100, #001219)
• Feathered Denim color palette (#EADAE0, #C07221, #0053AC, #673700, #000E28)
• Weathered Aubergine Grove color palette (#FCE8CD, #684400, #004B4B, #4B0063, #0D0600)
• Airy Quarry color palette (#F9E8ED, #D98D29, #0071B9, #8A5400, #001022)
• Nocturne Chapel color palette (#F0EAD4, #896600, #1F2A2D, #1E1F00, #050500)
• Antique Meadow color palette (#FDE0B2, #AD7A00, #006FCE, #684700, #002E5B)
• Faded Coast color palette (#E2DFC5, #7D9B21, #6C3FA8, #3F5100, #311951)

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