Mint Harbor color palette — #F4F8E0 · #FFE8A1 · #84DC98 · #41B4C8 · #383B35

Built around Mint Leaf, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Cream (#F4F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Butter (#FFE8A1): A whisper-light, balanced green — the color of fresh herbs.
• Mint Leaf (#84DC98): A whisper-light, balanced teal — the color of shallow lagoons.
• Cyan (#41B4C8): A luminous, balanced blue — the color of open sky before noon.
• Charcoal (#383B35): a grounded near-black with real depth.

Feels like: Nature, Growth, Trust, Stability, Optimism, Softness. Tagged candy, vibrant, light, muted.

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

• Weathered Honey Studio color palette (#FAF5E5, #FFDBB1, #CACD72, #4FB99D, #404039)
• Periwinkle Pier color palette (#EFF9E7, #C8ECA5, #76E3C1, #58A7E3, #064949)
• Frosted Mint Parlor color palette (#E9F9F7, #C6F1AC, #73D58B, #00A382, #1B442D)
• Cornflower Boulevard color palette (#D7F9E1, #5AE0A6, #00BFD5, #5D81E6, #00273E)
• Frosted Teal color palette (#D0F3CF, #76C9A0, #00AA9C, #007E81, #164A5C)
• Airy Blush Thicket color palette (#EBFAEA, #65CBC6, #DD8899, #00938F, #62313C)
• Chartreuse Harbor color palette (#D9FFF1, #CFD700, #00CCA0, #00A4D0, #00302E)
• Linen Alley color palette (#DEFFE5, #5DF78B, #00DADB, #6F99FF, #003B46)

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