Mint Harbor color palette — #E2F3F0 · #32DF74 · #9B63EC · #361333 · #101122

Built around Clover, softened by Amethyst — the whole palette hums with nature and growth.

The five colors

• Cream (#E2F3F0): a clean, paper-quiet neutral.
• Clover (#32DF74): A luminous, vivid teal — the color of glacier melt.
• Amethyst (#9B63EC): A luminous, vivid violet — the color of a velvet chair.
• Deep Indigo (#361333): A deep, shadowed, dusty pink — the color of neon signs at night.
• Ink (#101122): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Nature, Growth, Creativity, Energy, Balance. Tagged neon, dark, vibrant.

Use it as a design system

One click turns 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

• Frosted Station color palette (#DAF1F8, #00C895, #B46FFF, #26123B, #101020)
• Frosted Chartreuse Villa color palette (#E2E2F7, #3CF351, #A87BEC, #42243E, #1C1D2D)
• Softworn Hollow color palette (#DCEAF9, #31DF66, #DC00D7, #340F32, #161122)
• Gentle Dune color palette (#D0EDDC, #D2BE2C, #8470EC, #391642, #12172E)
• Lilac Lantern color palette (#E1EACD, #00D9D3, #9C84E6, #473774, #220F19)
• Peony Pier color palette (#D4E2ED, #35E4BF, #EB46A0, #3F2435, #1F1724)
• Magenta Balcony color palette (#CFE6EC, #00C2CA, #F71BE5, #3C081B, #150D22)
• Magenta Thicket color palette (#C3E7EA, #BC9800, #E600DF, #2D002C, #130003)

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