Moss Harbor color palette — #F8F5EA · #898E1C · #516599 · #40496F · #362F2C
A conversation between Olive Leaf and Slate, giving this palette its sense of nature and growth.
The five colors
- Ivory (#F8F5EA): bright and airy, almost weightless.
- Olive Leaf (#898E1C): A luminous, balanced green — the color of fresh herbs.
- Slate (#516599): A full-bodied, balanced violet — the color of wild irises.
- Peacock (#40496F): A full-bodied, dusty violet — the color of wild irises.
- Espresso (#362F2C): a grounded near-black with real depth.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Bronze Station color palette (#FDF3EB, #B36F31, #346F9E, #2B5273, #402D2F)
- Moss Dune color palette (#F7F6EB, #75974A, #8D5888, #643C53, #39322E)
- Patina Teal Loft color palette (#E9F8FC, #5FBCB4, #47958F, #5C6491, #27372C)
- Hushed Lagoon Hollow color palette (#EDF4EA, #4A9690, #347A7E, #3E486E, #22180A)
- Weathered Garden color palette (#F7F5ED, #D5DDD5, #9FAFB5, #908239, #54534B)
- Tempered Canyon color palette (#FFF7C7, #B1C67E, #58956B, #1C6A5C, #00545B)
- Nightshade Pier color palette (#F1F9DE, #238D0D, #2B3FB0, #4C1883, #3A1A01)
- Lime Pier color palette (#FFF3E8, #9AB35F, #468479, #744C55, #474D00)
Browse the whole catalog at Explore, or see today's palette.