Muted Harbor color palette — #FFF3E8 · #EA985C · #685100 · #322921 · #130E0C

Built around Apricot, softened by Coffee — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF3E8): a clean, paper-quiet neutral.
• Apricot (#EA985C): A luminous, balanced gold — the color of afternoon light on wheat.
• Coffee (#685100): A full-bodied, balanced gold — the color of old brass.
• Espresso (#322921): quiet, heavy and certain.
• Ink (#130E0C): a grounded near-black with real depth.

Feels like: Nature, Growth, Optimism, Sophistication. Tagged noir, dark, luxury, 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

• Blush Canyon color palette (#FFF2EF, #ED8EA0, #794610, #342825, #140D0E)
• Weathered Basin color palette (#FAF5E8, #BCB247, #4F5B13, #2E2B22, #120F0B)
• Antique Stone Archive color palette (#FBEEF3, #E0AA7E, #738072, #5D5155, #261F23)
• Amber Summit color palette (#FFF3E3, #BE8600, #33421B, #201200, #040100)
• Wandering Corridor color palette (#FCEDF3, #A86D3F, #2E4235, #35222B, #1B1416)
• Fern Veranda color palette (#E7DFC2, #636400, #2B3636, #00180B, #020100)
• Honey Parlor color palette (#FFF4DE, #E2CB7A, #B8B2EF, #A09BCC, #3B3831)
• Fern Boulevard color palette (#DBEFD0, #525A60, #2E5B00, #111A17, #000706)

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