Muted Harbor color palette — #FCF4E7 · #D8E1C3 · #C5AA78 · #A26C3B · #464100

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Celadon Mist (#D8E1C3): A whisper-light, dusty green — the color of fresh herbs.
• Camel (#C5AA78): A luminous, dusty gold — the color of honey in a jar.
• Ochre (#A26C3B): A full-bodied, balanced gold — the color of afternoon light on wheat.
• Deep Olive (#464100): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Sophistication, Grounding. Tagged earthy, warm, 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

• Patina Taupe color palette (#FFF3E3, #ECDBB2, #BB985F, #8C5F42, #33322B)
• Ancient Pier color palette (#FFF4DA, #ACC86A, #8F7F00, #694500, #001F03)
• Airy Rust Boulevard color palette (#FFF2EA, #D7A877, #BD510C, #6F2F32, #1B1000)
• Worn Iris Courtyard color palette (#F9F5EB, #CCC472, #8782CD, #905644, #2D281A)
• Timeworn Thicket color palette (#F8F6E8, #BFCB89, #AAA5E8, #A96E80, #33322B)
• Antique Workshop color palette (#EAFAED, #E6D9AC, #9DC0A5, #809A81, #3E4B44)
• Aged Studio color palette (#F7E1CB, #B6963A, #875200, #581B00, #040400)
• Amber Lantern color palette (#FFF3E8, #E5C189, #B77A4C, #834338, #2A2005)

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