Muted Harbor color palette — #FDEDE0 · #B78F32 · #864400 · #411D00 · #040100

Mustard and Bronze set the tone — five colors that lean into optimism and sophistication.

The five colors

• Cream (#FDEDE0): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mustard (#B78F32): A luminous, balanced gold — the color of old brass.
• Bronze (#864400): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Espresso (#411D00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#040100): quiet, heavy and certain.

Feels like: Optimism, Sophistication. Tagged luxury, dark, muted.

Use it as a design system

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

• Airy Drift color palette (#F4E1DA, #BB8E14, #A8001D, #520009, #050100)
• Hushed Bronze color palette (#F6E8D1, #AA7F00, #5B4600, #1C1400, #030100)
• Washed Bronze color palette (#F4E1CE, #E5B852, #B26C00, #6F4200, #1A0C00)
• Obsidian Bronze Grove color palette (#FFE3EF, #836200, #2C2D20, #321500, #060200)
• Airy Moss color palette (#FCF5E2, #F2C971, #A18E00, #695C00, #231900)
• Bronze Station color palette (#E9E4DB, #ACB3A2, #8BA084, #8A6E00, #1B1202)
• Olive Balcony color palette (#E2E2CA, #C5A04C, #447800, #234300, #030300)
• Misty Pine color palette (#F0E5D9, #D38700, #008B40, #8F5A00, #000301)

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