Moss Harbor color palette — #FFF0F7 · #BAA6FF · #8D8600 · #007292 · #2D0F20
Olive Leaf takes the lead with Lavender close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF0F7): bright and airy, almost weightless.
- Lavender (#BAA6FF): A luminous, balanced violet — the color of twilight just after sunset.
- Olive Leaf (#8D8600): A luminous, balanced green — the color of a quiet forest floor.
- Teal (#007292): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Indigo (#2D0F20): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, 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
- Linen Denim Pier color palette (#FFF0F8, #AD9EFF, #987B00, #004F9C, #001C53)
- Emerald Archive color palette (#FFF1F3, #EEA4F1, #28A76C, #646BAF, #311E22)
- Aged Courtyard color palette (#FFF0F7, #A892FF, #DF6D00, #00795F, #2C1020)
- Misty Dune color palette (#FFF0FB, #859FFF, #00AE63, #475EBB, #10183A)
- Lilac Harbor color palette (#FFF0F9, #9B98FF, #00A5B1, #006BAE, #2B1122)
- Hushed Scarlet Harbor color palette (#FBF8CC, #E2A1FF, #E93F2A, #006376, #3F1731)
- Chalky Thicket color palette (#FFF2EF, #FF649C, #B36100, #005C62, #260604)
- Quiet Violet color palette (#FFECF3, #9259D3, #007C73, #005264, #270616)
Browse the whole catalog at Explore, or see today's palette.