Mint Harbor color palette — #F5F8E0 · #82C86D · #B38DC2 · #846590 · #252611

Mint Leaf and Mauve set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F8E0): A whisper-light, dusty green — the color of new leaves after rain.
• Mint Leaf (#82C86D): A luminous, balanced green — the color of new leaves after rain.
• Mauve (#B38DC2): A luminous, balanced pink — the color of peonies in June.
• Slate (#846590): A full-bodied, dusty pink — the color of peonies in June.
• Onyx (#252611): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Creativity, Balance. 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

• Mint Chapel color palette (#EFFAE2, #00D295, #D68096, #9C5D6D, #212716)
• Washed Balcony color palette (#F0F9E3, #7ACEA5, #ADA4DE, #9184C9, #31342D)
• Pale Mustard color palette (#FFF4E0, #DAAC00, #879ADC, #6270A1, #2D230F)
• Misty Mint Alley color palette (#F2F8E8, #65D49F, #897CCC, #87482E, #461E0B)
• Hushed Jade color palette (#F2F8EA, #20C684, #875FB3, #754E7F, #251A0A)
• Antique Seafoam color palette (#FFF2EB, #6EE6B7, #33A0C2, #86525A, #253722)
• Tempered Lantern color palette (#E4FBF6, #628F52, #6F67A5, #842B62, #183A35)
• Misty Ember Field color palette (#E5FEDD, #00C0AE, #EA5F41, #A44530, #0D2106)

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