Muted Harbor color palette — #E6F0E2 · #007D6D · #B20512 · #6D3900 · #122508

A conversation between Ruby and Bronze, giving this palette its sense of nature and growth.

The five colors

• Cream (#E6F0E2): A whisper-light, dusty green — the color of a quiet forest floor.
• Teal (#007D6D): A full-bodied, balanced teal — the color of shallow lagoons.
• Ruby (#B20512): A full-bodied, vivid orange — the color of autumn markets.
• Bronze (#6D3900): A full-bodied, balanced gold — the color of old brass.
• Onyx (#122508): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Optimism, Energy, 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

• Dusty Pier color palette (#E0F6DA, #007C73, #914700, #594600, #0F2509)
• Muted Hollow color palette (#EAE5C2, #607600, #A8006F, #8B001B, #1B2300)
• Ancient Grove color palette (#D6F3F1, #007B79, #7C3C9B, #694300, #000D12)
• Muted Courtyard color palette (#DDE8DC, #009A98, #9F52C4, #8F5D00, #002525)
• Weathered Terracotta Pier color palette (#FFEBDF, #B17B36, #923200, #5E1B2E, #2F2200)
• Petrol Delta color palette (#CEE2EA, #007D9D, #796100, #415516, #002936)
• Cocoa Boulevard color palette (#C8E8F7, #00546F, #5C3600, #332B00, #00090F)
• Pale Bronze color palette (#E3FDE8, #009BA6, #A96C00, #6F6400, #2B3D2E)

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