Mallow Harbor color palette — #F6F3FF · #F7ADFB · #8DD18F · #C087C2 · #104C48
Built around Carnation, softened by Mint Leaf — the whole palette hums with nature and growth.
The five colors
- Ivory (#F6F3FF): bright and airy, almost weightless.
- Carnation (#F7ADFB): A whisper-light, balanced pink — the color of neon signs at night.
- Mint Leaf (#8DD18F): A luminous, balanced green — the color of new leaves after rain.
- Mauve (#C087C2): A luminous, balanced pink — the color of a candy shop window.
- Forest (#104C48): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Creativity, Balance. Tagged light.
Use it as a design system
One click turns Mallow 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
- Airy Grove color palette (#FAF1FF, #FFB2CC, #4ED6C5, #D0849F, #0C4D46)
- Feathered Mallow color palette (#F5F3FF, #DC9BED, #6CB981, #9E68AC, #154C49)
- Airy Mustard color palette (#F2F5FF, #CDC2FF, #C3C464, #A190E0, #454517)
- Quiet Studio color palette (#F6F3FF, #FA93EC, #CCB260, #6AB2C0, #3B3449)
- Sunlit Basin color palette (#FFD8EB, #FFABD7, #04C58E, #CC008F, #003825)
- Worn Ash Coast color palette (#F6F3FF, #E9DBD8, #ADB3A3, #ABAACF, #4F4657)
- Hushed Taupe color palette (#FFF0F9, #F8C49D, #DA9B82, #9B7D97, #324232)
- Feathered Chartreuse Corridor color palette (#DCEBF5, #AFE600, #FFABC4, #695C6E, #272329)
Browse the whole catalog at Explore, or see today's palette.