Mint Pier color palette — #E7F7EA · #8EBB6E · #4C8574 · #4D4E71 · #1B312F

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

The five colors

• Cream (#E7F7EA): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#8EBB6E): A luminous, balanced green — the color of new leaves after rain.
• Fern (#4C8574): A full-bodied, dusty teal — the color of shallow lagoons.
• Charcoal Brown (#4D4E71): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Forest (#1B312F): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication. Tagged retro, muted.

Use it as a design system

One click turns Mint Pier 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

• Aged Garden color palette (#E5F8E8, #C7A763, #6D814B, #3D546E, #1E3127)
• Washed Jade color palette (#E6F6F3, #74AE67, #39799E, #613F5A, #192D17)
• Worn Stone color palette (#E7F6EF, #9DD0C2, #5F8D88, #4E685C, #233531)
• Tempered Parlor color palette (#FFF2E9, #9FB078, #3E8678, #724A67, #474C00)
• Chalky Emerald Grove color palette (#D8FDE0, #00AD63, #007070, #5F1B64, #002319)
• Timeworn Emerald Market color palette (#DDF3F1, #419762, #294043, #162120, #070E0D)
• Faded Teal color palette (#DEFAE4, #00B2B7, #1572A4, #68343E, #082633)
• Weathered Celadon color palette (#FFF0FC, #D6E791, #60B2B0, #876684, #2B4542)

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