Muted Harbor color palette — #FFF3E2 · #A07500 · #356900 · #004A45 · #561900

Olive and Ochre set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#FFF3E2): A whisper-light, dusty gold — the color of old brass.
• Ochre (#A07500): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Olive (#356900): A full-bodied, balanced green — the color of new leaves after rain.
• Forest (#004A45): A deep, shadowed, dusty teal — the color of sea glass.
• Espresso (#561900): A deep, shadowed, balanced orange — the color of toasted spice.

Feels like: Nature, Growth, Optimism, Balance. Tagged warm.

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 Rust color palette (#FFF2E9, #C35B00, #665A00, #004E22, #5D0229)
• Forest Lantern color palette (#EAE0CD, #7A6800, #06560E, #003634, #3B0E00)
• Hazy Dune color palette (#F7F6E8, #77953B, #007461, #005067, #4A3306)
• Olive Quarry color palette (#FDF5E1, #A6A866, #607300, #6F4621, #3C3B34)
• Marigold Market color palette (#EADFCC, #C39900, #806A00, #584F00, #1D4215)
• Apricot Cabin color palette (#FFF3E7, #FFB691, #E68B00, #A28100, #4F3200)
• Olive Coast color palette (#FFF3CF, #AAAA71, #6B8245, #006966, #32553C)
• Eclipse Field color palette (#ECDCC9, #905B00, #382800, #251400, #0A0700)

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