Moss Harbor color palette — #F9EEF6 · #F0D2DB · #FAAE9E · #929D4A · #43232E
Moss and Melon set the tone — five colors that lean into nature and growth.
The five colors
- Blush (#F9EEF6): bright and airy, almost weightless.
- Shell Pink (#F0D2DB): A whisper-light, dusty rose — the color of pressed rose petals.
- Melon (#FAAE9E): A luminous, balanced orange — the color of toasted spice.
- Moss (#929D4A): A luminous, balanced green — the color of fresh herbs.
- Espresso (#43232E): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Sophistication. Tagged candy, vibrant, 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
- Aged Amber Coast color palette (#F6EEFD, #E0D1EA, #FFB5CD, #C78E4A, #3A2A3C)
- Apricot Hollow color palette (#FDF2F7, #F1D5C9, #FFAD8D, #AA9246, #5B414C)
- Dusty Jade Market color palette (#FBEEF3, #EED0D0, #FFB98A, #79B363, #1B3622)
- Softworn Fern Harbor color palette (#FFEBFA, #DBAC92, #A47D3A, #6B5E00, #0D4239)
- Softworn Emerald Market color palette (#FFECF2, #FFACCF, #F69000, #28A515, #261B00)
- Hushed Corridor color palette (#E4F7EC, #FFD4C1, #BEBB44, #00ADAA, #002C23)
- Wandering Bronze Lantern color palette (#E7F6EC, #C3B27E, #7E9DD1, #896F00, #1E324C)
- Timeworn Cocoa Dune color palette (#FFF2EA, #CBE8BA, #E1D2CB, #ABC287, #653B00)
Browse the whole catalog at Explore, or see today's palette.