Muted Harbor color palette — #F3EBCE · #605300 · #004752 · #002B53 · #240703

Coffee and Midnight set the tone — five colors that lean into nature and growth.

The five colors

• Parchment (#F3EBCE): A whisper-light, dusty green — the color of a quiet forest floor.
• Coffee (#605300): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Teal (#004752): A deep, shadowed, dusty blue — the color of open sky before noon.
• Midnight (#002B53): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#240703): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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

• Chalky Chapel color palette (#EEE5CB, #715E00, #004714, #00294C, #2A020D)
• Pale Olive color palette (#F8F6E4, #526D00, #005352, #202969, #311501)
• Fern Alley color palette (#E9E6CF, #4B5E00, #2C3A3C, #151E00, #0B0900)
• Aubergine Cabin color palette (#DBECD7, #006151, #004259, #4A004D, #1C1400)
• Frosted Dune color palette (#ECDFCE, #896000, #005156, #4C0551, #3F0022)
• Moonless Basin color palette (#DDECD5, #003F34, #002635, #210021, #030200)
• Amber Courtyard color palette (#FFEBD7, #A78600, #4F6800, #004523, #002F29)
• Worn Thicket color palette (#F3EEE4, #CECDC1, #9EA38F, #675200, #342D1F)

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