Muted Harbor color palette — #DFEDFF · #568400 · #BC0025 · #140500 · #050005

Ruby and Olive Leaf set the tone — five colors that lean into nature and growth.

The five colors

• Frost (#DFEDFF): A whisper-light, dusty blue — the color of deep harbor water.
• Olive Leaf (#568400): A full-bodied, balanced green — the color of fresh herbs.
• Ruby (#BC0025): A full-bodied, vivid orange — the color of autumn markets.
• Ink (#140500): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Black (#050005): A deep, shadowed, dusty pink — the color of peonies in June.

Feels like: Nature, Growth, Energy, Balance. Tagged neon, dark, vibrant.

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

• Softworn Archive color palette (#D8E3F8, #00984D, #DE002E, #1C0400, #050100)
• Washed Parlor color palette (#E1DEFB, #008C43, #984C00, #0E0902, #060002)
• Gentle Plum color palette (#C7E9E6, #877400, #B10072, #170404, #040008)
• Charred Parlor color palette (#CAE5F9, #006F53, #94005F, #110404, #020005)
• Bronze Balcony color palette (#F3E8FA, #00978A, #8C6D00, #0B0E04, #000301)
• Velvet Balcony color palette (#F1E3EE, #785900, #372818, #2F0100, #090000)
• Timeworn Plum Bloom color palette (#E3E9F6, #0086B0, #C5007A, #1E0102, #050101)
• Hazy Clover color palette (#E7EEFF, #00C649, #EB6200, #281800, #170A12)

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