Moss Harbor color palette — #E1FDEE · #9D8C00 · #008B78 · #005A70 · #0E1F3B
Moss and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Honeydew (#E1FDEE): A whisper-light, dusty teal — the color of glacier melt.
- Moss (#9D8C00): A luminous, balanced green — the color of fresh herbs.
- Fern (#008B78): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005A70): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#0E1F3B): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, 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
- Tempered Studio color palette (#FFF1F5, #BE7A00, #008A37, #00625B, #0B283B)
- Patina Jade color palette (#EBF8F6, #71AA69, #00889F, #3B5B99, #29293C)
- Weathered Olive Alley color palette (#DDF1E8, #757F00, #006766, #004969, #070F27)
- Muted Iris color palette (#F1F5FF, #957AFF, #008767, #005C67, #0E233A)
- Airy Cornflower color palette (#EEF6FF, #2F91FF, #3C8400, #006854, #012536)
- Weathered Nightshade Courtyard color palette (#D7F6F8, #009C71, #006CA6, #4315C4, #280726)
- Ember Workshop color palette (#FFF0F9, #E8682E, #837D00, #005596, #240700)
- Sunlit Bloom color palette (#DEFFE4, #EE8D1A, #9F7600, #006D3E, #492F0D)
Browse the whole catalog at Explore, or see today's palette.