Moss Harbor color palette — #E5ECFB · #77A319 · #37368E · #130F47 · #00010F
A conversation between Olive Leaf and Indigo, giving this palette its sense of nature and growth.
The five colors
- Frost (#E5ECFB): A whisper-light, dusty violet — the color of a velvet chair.
- Olive Leaf (#77A319): A luminous, vivid green — the color of a quiet forest floor.
- Indigo (#37368E): A deep, shadowed, balanced violet — the color of wild irises.
- Deep Indigo (#130F47): A deep, shadowed, balanced violet — the color of a velvet chair.
- Black (#00010F): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Nature, Growth, Creativity, Calm, Balance. Tagged luxury, dark, cool.
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
- Misty Aubergine color palette (#E1E6FF, #5F9600, #43008D, #140033, #01000E)
- Powdered Quarry color palette (#F6E5F0, #A2AE5C, #5757C0, #2E2A7A, #080005)
- Weathered Navy Lantern color palette (#D6E7FF, #CE7C00, #003E96, #001742, #00020A)
- Pale Canyon color palette (#DFE2FF, #94BC00, #732BB7, #391A5B, #0D0C21)
- Hazy Aubergine Coast color palette (#EEEAFC, #717D00, #4B004D, #27131A, #0F0010)
- Weathered Mustard color palette (#F7E9FB, #C1B948, #92485D, #422B49, #1C121F)
- Seafoam Market color palette (#F2F5FF, #A5D39A, #6E6AA1, #3A415B, #1D212E)
- Feathered Amethyst color palette (#E5E9FE, #7F25FC, #5D6800, #404800, #100427)
Browse the whole catalog at Explore, or see today's palette.