Muted Harbor color palette — #E9F4F7 · #CCAF72 · #00635B · #002F2B · #020F12

Camel and Pine set the tone — five colors that lean into optimism and sophistication.

The five colors

• Ivory (#E9F4F7): bright and airy, almost weightless.
• Camel (#CCAF72): A luminous, balanced gold — the color of old brass.
• Pine (#00635B): A full-bodied, dusty teal — the color of glacier melt.
• Deep Forest (#002F2B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#020F12): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Weathered Coast color palette (#E7F4FF, #CAA142, #00517C, #002339, #000814)
• Timeworn Coral color palette (#EAFAEF, #E9948E, #005B6C, #1C3426, #0E1E1C)
• Honey Workshop color palette (#EFF8EC, #E5BF6B, #228279, #34492F, #1C241A)
• Timeworn Workshop color palette (#E9F4F7, #71C3C7, #5A6FBD, #007378, #090E18)
• Petrol Loft color palette (#ECF3F7, #D5D7E2, #BCBBD3, #387F95, #232E34)
• Hushed Amber color palette (#D1E2F4, #AD872D, #00396C, #001229, #000206)
• Bronze Alley color palette (#D8ECF2, #836200, #433A3A, #002425, #000404)
• Sapphire Parlor color palette (#E3F9E7, #42A9D2, #4964BA, #6C3423, #132433)

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