Mint Harbor color palette — #E5EFE3 · #3BCCA0 · #009991 · #006475 · #17405F
A conversation between Mint Leaf and Fern, giving this palette its sense of trust and stability.
The five colors
- Cream (#E5EFE3): bright and airy, almost weightless.
- Mint Leaf (#3BCCA0): A luminous, balanced teal — the color of shallow lagoons.
- Fern (#009991): A luminous, balanced teal — the color of shallow lagoons.
- Peacock (#006475): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#17405F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Balance. Tagged cool.
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
- Emerald Archive color palette (#EAEDD1, #80BD61, #009F66, #006F66, #00444E)
- Misty Mint color palette (#DAF6EF, #28D3C4, #00ADA8, #008187, #00454D)
- Turquoise Summit color palette (#D1EBE3, #00C5CE, #0091BD, #006299, #2D355D)
- Antique Alley color palette (#CDEDD5, #00A484, #006E79, #004B65, #001F49)
- Wandering Veranda color palette (#E0F9FF, #51C7E7, #008FA4, #005763, #00252D)
- Tempered Blush color palette (#E4F3E8, #00BCD4, #E16786, #008091, #56202F)
- Ultramarine Corridor color palette (#CEE5E3, #00B3C6, #0087B7, #0334E0, #331C6E)
- Mallow Terrace color palette (#EAFBE9, #C4EAFF, #CAB2EF, #608F65, #2D4535)
Browse the whole catalog at Explore, or see today's palette.