Weathered Moss Harbor color palette — #EFF8F4 · #BCDEF0 · #68BBDB · #9BA22A · #11202A

Moss and Cyan set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EFF8F4): bright and airy, almost weightless.
• Powder Blue (#BCDEF0): A whisper-light, dusty blue — the color of deep harbor water.
• Cyan (#68BBDB): A luminous, balanced blue — the color of deep harbor water.
• Moss (#9BA22A): A luminous, balanced green — the color of fresh herbs.
• Midnight (#11202A): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged duotone, muted.

Use it as a design system

One click turns Weathered Moss 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

• Aged Jade Lagoon color palette (#EFF7F7, #C8DAF5, #97ACE9, #40B280, #191E29)
• Timeworn Amber Corridor color palette (#FAF3F5, #E7D8D6, #5EC3B0, #CF8740, #0C2225)
• Pewter Meadow color palette (#EAF8F9, #81BFA7, #5F94BF, #945172, #182A23)
• Softworn Emerald Quarry color palette (#E9F9F6, #AFED92, #009CDF, #469400, #000B15)
• Timeworn Lagoon color palette (#EAF4F2, #ADCF9B, #499376, #5E7C4C, #091919)
• Tempered Lantern color palette (#FFF0FA, #C8E8BC, #65B1B0, #A15A67, #264645)
• Tempered Lagoon color palette (#DAFFF0, #BFE6F3, #7DC7B4, #00868C, #004A60)
• Mustard Drift color palette (#F7F5ED, #C0C876, #188BA6, #6D7231, #233229)

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