Mint Harbor color palette — #FFF4DE · #9FC177 · #569460 · #377467 · #3D513E

Mint Leaf takes the lead with Fern close behind in a set that reads as nature and growth at first glance.

The five colors

• Cream (#FFF4DE): A whisper-light, dusty gold — the color of afternoon light on wheat.
• Mint Leaf (#9FC177): A luminous, balanced green — the color of fresh herbs.
• Fern (#569460): A luminous, balanced green — the color of new leaves after rain.
• Teal (#377467): A full-bodied, dusty teal — the color of sea glass.
• Deep Olive (#3D513E): A full-bodied, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication. Tagged 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

• Dusty Ash Pier color palette (#F4F7E8, #89C08B, #C280A8, #567E58, #644344)
• Dusty Lagoon Boulevard color palette (#CBFBF1, #A5CB9B, #669B6C, #346342, #043E3F)
• Teal Alley color palette (#F5F9D3, #5BC6AE, #199391, #2F6A7F, #35574D)
• Worn Marigold color palette (#FFF2EA, #D5AA66, #98893D, #586D41, #4A4C44)
• Soft Clover color palette (#EAF4D3, #39C527, #00856E, #006360, #004C62)
• Faded Canyon color palette (#CDE9CF, #00BF89, #007F79, #005066, #2A3057)
• Washed Chestnut color palette (#FEF3E5, #C3B894, #947C56, #864D23, #4B4B00)
• Weathered Jade color palette (#F1F9DF, #52AD77, #AF7593, #956061, #41433C)

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