Misty Navy Harbor color palette — #FBF0DD · #B69000 · #008471 · #2847A0 · #46192E

A conversation between Indigo and Mustard, giving this palette its sense of nature and growth.

The five colors

• Cream (#FBF0DD): A whisper-light, dusty gold — the color of old brass.
• Mustard (#B69000): A luminous, balanced gold — the color of afternoon light on wheat.
• Teal (#008471): A full-bodied, balanced teal — the color of sea glass.
• Indigo (#2847A0): A full-bodied, balanced violet — the color of twilight just after sunset.
• Espresso (#46192E): A deep, shadowed, dusty rose — the color of a warm blush.

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

Use it as a design system

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

• Pine Lantern color palette (#FFEEE0, #D27E34, #00893F, #005484, #44173B)
• Soft Moss color palette (#F8F5EA, #A7AC3F, #009297, #5A519A, #56272D)
• Gentle Mustard Villa color palette (#E4FCF1, #ABAD40, #248B5D, #00545D, #2D1400)
• Worn Garden color palette (#FFEFDE, #A86500, #005C7A, #412C67, #3B123A)
• Soft Lagoon color palette (#E9EAD1, #59A200, #00758C, #5D00A6, #4B0009)
• Marigold Workshop color palette (#E6F7E6, #E1A44D, #1CA7AC, #7F5EA0, #371C4E)
• Aubergine Meadow color palette (#EDE5D3, #847600, #005F5F, #370D80, #2A0003)
• Patina Lagoon color palette (#F4E1BE, #C1BB97, #5FA17C, #5B648A, #5C3E49)

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