Moss Harbor color palette — #F7F5EF · #C6DFCB · #68C3A0 · #AA9C1E · #1B2113

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

The five colors

• Ivory (#F7F5EF): bright and airy, almost weightless.
• Celadon Mist (#C6DFCB): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#68C3A0): A luminous, balanced teal — the color of sea glass.
• Moss (#AA9C1E): A luminous, balanced green — the color of a quiet forest floor.
• Onyx (#1B2113): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Worn Moss Station color palette (#F5F6EE, #B7EAD8, #63BECF, #74AC52, #142219)
• Softworn Amber color palette (#FAF4EE, #E0DCCE, #ABB574, #D58346, #211E11)
• Patina Aqua Quarry color palette (#F9F4EE, #FAD8A9, #1FCEDE, #CFA25F, #273129)
• Washed Coast color palette (#F8F5EB, #B5BD7F, #699CCE, #885992, #302216)
• Pewter Lagoon color palette (#FEF4E4, #CDE7B6, #6DB29B, #7C65A0, #3E4400)
• Tempered Garden color palette (#F7F6E9, #C1EA73, #00A5B0, #6A8C00, #000E03)
• Worn Lagoon color palette (#EFF8F3, #CAC37F, #369071, #756F39, #203132)
• Lagoon Studio color palette (#FEF6D0, #C7E3C2, #88BE98, #008F73, #004F4F)

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