Moss Harbor color palette — #F8F6E1 · #8EAC51 · #8C7EC1 · #596F2D · #583648
Built around Moss, softened by Slate Blue — the whole palette hums with nature and growth.
The five colors
- Cream (#F8F6E1): A whisper-light, dusty green — the color of new leaves after rain.
- Moss (#8EAC51): A luminous, balanced green — the color of new leaves after rain.
- Slate Blue (#8C7EC1): A luminous, balanced violet — the color of twilight just after sunset.
- Olive (#596F2D): A full-bodied, balanced green — the color of new leaves after rain.
- Cocoa (#583648): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, Balance. Tagged warm.
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
- Muted Lagoon color palette (#F1F9E0, #39BA76, #AB72AB, #1A7849, #5B363D)
- Washed Olive Atelier color palette (#F3F3E3, #8DB16E, #8C83C7, #4C7126, #272047)
- Faded Corridor color palette (#FEF4E5, #C99609, #7C81CE, #815F00, #3C3E64)
- Faded Olive color palette (#E7FBF1, #BEBC76, #C08FD3, #898412, #52365C)
- Moss Boulevard color palette (#FAF7D6, #719800, #856AB6, #8D4A72, #393831)
- Misty Meadow color palette (#EAFBE3, #00AB9A, #C93DA1, #006B60, #5E1D4B)
- Cocoa Cabin color palette (#FFF2EA, #C4A078, #986449, #7C3D25, #403D36)
- Rust Thicket color palette (#DEF6E0, #00A1A6, #B6575D, #006366, #522629)
Browse the whole catalog at Explore, or see today's palette.