Mint Harbor color palette — #B7FFE4 · #00CFB7 · #008288 · #005974 · #00233A
A conversation between Aqua and Teal, giving this palette its sense of trust and stability.
The five colors
- Sea Foam (#B7FFE4): A whisper-light, balanced teal — the color of sea glass.
- Aqua (#00CFB7): A luminous, balanced teal — the color of sea glass.
- Teal (#008288): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Peacock (#005974): A full-bodied, balanced blue — the color of deep harbor water.
- Midnight (#00233A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Faded Hollow color palette (#B3F5BF, #00CA8D, #009686, #005B63, #001C26)
- Teal Courtyard color palette (#D5F6DE, #00C8B0, #009CA7, #00739B, #003457)
- Quiet Drift color palette (#87F3FA, #00BBDF, #0088B7, #004B8B, #0E1346)
- Softworn Study color palette (#C9ECE8, #00ADB8, #006F90, #003858, #000839)
- Feathered Ember color palette (#E7F9FF, #00C0CE, #E46637, #00717A, #300A00)
- Hushed Aqua color palette (#E8F8FF, #1AD1FD, #0087A5, #004053, #00060A)
- Weathered Thicket color palette (#E2EFE4, #009477, #006467, #003B4D, #001425)
- Linen Lime Study color palette (#E2EB8E, #56CF2B, #00915A, #005944, #001E1C)
Browse the whole catalog at Explore, or see today's palette.