Tempered Mint color palette — #F9E9F4 · #98C37F · #545D9C · #2B305D · #1E111A

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

The five colors

• Blush (#F9E9F4): A whisper-light, dusty pink — the color of neon signs at night.
• Mint Leaf (#98C37F): A luminous, balanced green — the color of new leaves after rain.
• Slate (#545D9C): A full-bodied, balanced violet — the color of wild irises.
• Navy (#2B305D): A deep, shadowed, dusty violet — the color of wild irises.
• Ink (#1E111A): A deep, shadowed, dusty pink — the color of a candy shop window.

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

• Hushed Ridge color palette (#FFF0F7, #90D6B5, #726B95, #433C61, #2C1C24)
• Denim Atelier color palette (#F1F5FF, #BDDC9D, #585AA3, #22224A, #01030F)
• Muted Apricot Thicket color palette (#F7EAF6, #EAA07A, #456298, #462A44, #1C121C)
• Clover Atelier color palette (#FDDAE3, #27C97F, #793897, #421356, #1F060E)
• Iris Coast color palette (#F7EAF0, #E8C374, #8C79C5, #594C80, #1E1218)
• Aubergine Dune color palette (#EBEEF9, #B19864, #483379, #26124B, #131522)
• Timeworn Lime Cabin color palette (#FFF1F0, #99CD69, #A04272, #5A2640, #2E1010)
• Faded Aubergine color palette (#F9DFEC, #60A660, #443388, #1C0749, #080004)

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