Misty Mint Pier color palette — #F6F7E2 · #DFEF85 · #9CE08C · #36D193 · #1C3E20

A conversation between Mint Leaf and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Cream (#F6F7E2): A whisper-light, dusty green — the color of new leaves after rain.
• Butter (#DFEF85): A whisper-light, balanced green — the color of new leaves after rain.
• Pistachio (#9CE08C): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#36D193): A luminous, balanced teal — the color of sea glass.
• Forest (#1C3E20): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Softness, Clarity. Tagged candy, vibrant, light.

Use it as a design system

One click turns Misty 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

• Lime Field color palette (#F9F6E1, #F7E078, #C2DB5A, #7BD26F, #32322B)
• Faded Lime Villa color palette (#F7F7DF, #FFCE85, #9ECF6C, #00AAAD, #10401E)
• Seafoam Market color palette (#EEFAE2, #B0F8B9, #32F2C3, #00CCC8, #003D32)
• Jade Parlor color palette (#DEF5E4, #68CE9C, #00AF8A, #008872, #004740)
• Marigold Lantern color palette (#E6F4DB, #5CD8B5, #E1A344, #00AA87, #4A2F00)
• Soft Chartreuse color palette (#E0FDF4, #AAF879, #CEDBCB, #00C6C8, #00280F)
• Dusty Clover Drift color palette (#E1F8F3, #C0D872, #62BE45, #009B6A, #00201E)
• Aged Harbor color palette (#FAF5E6, #C7D09D, #93AA6E, #99813A, #37352F)

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