Moss Harbor color palette — #F9F6E5 · #E2ECB6 · #82DBEE · #95A33E · #2F4E3B

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

The five colors

• Ivory (#F9F6E5): A whisper-light, dusty green — the color of fresh herbs.
• Celadon Mist (#E2ECB6): A whisper-light, dusty green — the color of new leaves after rain.
• Ice Blue (#82DBEE): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Moss (#95A33E): A luminous, balanced green — the color of a quiet forest floor.
• Deep Olive (#2F4E3B): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Trust, Stability, Softness, Clarity. Tagged light, 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

• Dusty Taupe color palette (#F7F6EB, #CCDDA6, #B5C3FF, #9DB363, #5F4258)
• Washed Fern color palette (#F4F6ED, #C1E1CB, #6E9071, #444C00, #1B1C12)
• Timeworn Orchard color palette (#F3F7ED, #BFF4D8, #AFCDFF, #2BB47E, #314669)
• Misty Jade Market color palette (#F5F7E9, #B6EEDA, #F9BCA1, #6EAD60, #6C3604)
• Dusty Fern Boulevard color palette (#F7F6E8, #D2E1D0, #BBBF91, #93C0CB, #575500)
• Hushed Canyon color palette (#F9F7D9, #CFE9C3, #A1B87C, #607A34, #223208)
• Mustard Station color palette (#EEFAE7, #99E6D2, #E7B053, #00A186, #4C3303)
• Amber Coast color palette (#FBF4E9, #DDE5B7, #F7B5D4, #B99442, #5F384B)

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