Mint Harbor color palette — #FDF2F7 · #C6BAF9 · #74C78D · #8F7FC6 · #4C4E47

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

The five colors

• Ivory (#FDF2F7): bright and airy, almost weightless.
• Lavender (#C6BAF9): A whisper-light, balanced violet — the color of a velvet chair.
• Mint Leaf (#74C78D): A luminous, balanced teal — the color of sea glass.
• Lavender Blue (#8F7FC6): A luminous, balanced violet — the color of twilight just after sunset.
• Charcoal Brown (#4C4E47): quiet, heavy and certain.

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

• Mint Meadow color palette (#FEF2F1, #E9B1CB, #7AC49A, #B47694, #4C4E47)
• Patina Mustard Chapel color palette (#FBF2FB, #9DC7FF, #C8AF5F, #648EC7, #504D46)
• Jade Boulevard color palette (#FFF0F9, #A8AAEA, #64BB7B, #53A393, #4D3D47)
• Tempered Workshop color palette (#F4F4FF, #C59DDE, #84A471, #816593, #32554E)
• Worn Atelier color palette (#F4F4FF, #F6D1E7, #B2D99F, #AA8CC0, #185148)
• Dusty Driftwood color palette (#FFF1F2, #B6DEB6, #976E90, #644347, #352728)
• Washed Cocoa color palette (#FFF1F4, #E6C8F5, #EEBA9B, #BE97D1, #723E08)
• Quiet Rust Villa color palette (#FFF2EC, #F29E8F, #00BEAE, #C85948, #34492E)

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