Tempered Mint Pier color palette — #E9FAF3 · #7EC897 · #36918A · #6B5B7E · #103D3C

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

The five colors

• Ivory (#E9FAF3): A whisper-light, dusty teal — the color of shallow lagoons.
• Mint Leaf (#7EC897): A luminous, balanced teal — the color of glacier melt.
• Fern (#36918A): A luminous, balanced teal — the color of sea glass.
• Graphite (#6B5B7E): A full-bodied, dusty violet — the color of a velvet chair.
• Deep Teal (#103D3C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

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

• Cerulean Lagoon color palette (#E8FAF6, #96D3C1, #559CA6, #7B6B80, #2B484B)
• Tempered Lagoon Courtyard color palette (#EAFAED, #ABBD7F, #409365, #516B56, #213B34)
• Softworn Chestnut color palette (#F7F6E8, #AFDDBC, #4E9A8B, #8C504D, #242C05)
• Patina Teal Orchard color palette (#D5EAE4, #57BB91, #008285, #4D5C34, #042F31)
• Antique Jade Alley color palette (#D6EBE4, #3CA97C, #006F70, #5F3649, #002021)
• Lime Study color palette (#D6F5DA, #A0B811, #008F4B, #745517, #2A3200)
• Worn Teal Pier color palette (#E7FAF5, #A3D6CD, #7CAE84, #97814A, #063F38)
• Pale Mint color palette (#DFFFE2, #71D47E, #439752, #126033, #00270D)

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