Tempered Mint color palette — #F7F6E7 · #DDE5BE · #A2D8AA · #7BC2A4 · #44443D

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

The five colors

• Ivory (#F7F6E7): bright and airy, almost weightless.
• Celadon Mist (#DDE5BE): A whisper-light, dusty green — the color of new leaves after rain.
• Pistachio (#A2D8AA): A whisper-light, balanced green — the color of new leaves after rain.
• Mint Leaf (#7BC2A4): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#44443D): quiet, heavy and certain.

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

Use it as a design system

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

• Timeworn Lagoon Meadow color palette (#F9F4EE, #CAE7E5, #90BDAB, #589291, #32524A)
• Tempered Bloom color palette (#F2F8EA, #99D3B8, #D99CBB, #549D7E, #684140)
• Wandering Orchard color palette (#F8F5EB, #E3DCD2, #D0D57F, #00B1AF, #4D4E46)
• Softworn Celadon color palette (#EAF9F3, #D2EC93, #D6DAC8, #7FD7E1, #2B4C47)
• Pale Seafoam Studio color palette (#EDF9EB, #ACFFCC, #5ADCD4, #56ABD8, #234127)
• Bronze Corridor color palette (#FBF4E9, #DDD0AD, #A39D75, #9C7635, #5F4A00)
• Gentle Archive color palette (#F3FAD4, #DADF4D, #69DB54, #00B4AD, #004120)
• Patina Moss color palette (#F4F3E1, #88A862, #515F19, #393831, #23221C)

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