Hazy Mint Harbor color palette — #EDF8F6 · #80C27D · #5B69AE · #336F32 · #1C2433

Mint Leaf and Olive set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EDF8F6): bright and airy, almost weightless.
• Mint Leaf (#80C27D): A luminous, balanced green — the color of fresh herbs.
• Slate (#5B69AE): A full-bodied, balanced violet — the color of wild irises.
• Olive (#336F32): A full-bodied, balanced green — the color of new leaves after rain.
• Midnight (#1C2433): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Creativity, Balance. Tagged duotone.

Use it as a design system

One click turns Hazy Mint 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 Veranda color palette (#ECF8F9, #85D2BC, #866FB2, #287D69, #2B2D3B)
• Wandering Study color palette (#EEF8F2, #C3AE5C, #0179A1, #715E00, #172630)
• Petrol Canyon color palette (#EFF3EC, #6AC7B2, #0E829D, #007564, #04120A)
• Wandering Balcony color palette (#ECF8FA, #34C7BA, #A14D7D, #006F67, #28202F)
• Softworn Workshop color palette (#EBF8FA, #7AD9C3, #009FC1, #009580, #142730)
• Hushed Study color palette (#FFF0FC, #00B098, #436C9D, #6E3F38, #26424C)
• Softworn Hollow color palette (#CEFFD6, #4CCBB2, #00839D, #1D5083, #383277)
• Pale Celadon color palette (#E9F8FF, #A9F5AB, #40CBD4, #777CB7, #1B3E53)

Browse the whole catalog at Explore, or see today's palette.