Tempered Mint color palette — #F4F7EB · #7ABE84 · #4EA7CF · #657AA5 · #3C3E37

Mint Leaf takes the lead with Cyan close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#F4F7EB): a clean, paper-quiet neutral.
• Mint Leaf (#7ABE84): A luminous, balanced green — the color of a quiet forest floor.
• Cyan (#4EA7CF): A luminous, balanced blue — the color of open sky before noon.
• Slate (#657AA5): A full-bodied, dusty violet — the color of twilight just after sunset.
• Charcoal (#3C3E37): a grounded near-black with real depth.

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

• Washed Teal color palette (#F1F7F0, #61C5BA, #4E95BA, #616495, #43433C)
• Worn Station color palette (#FAF5E9, #BBAC58, #46AFA2, #478593, #403D36)
• Lilac Atelier color palette (#ECF9F0, #57BAD2, #A38DD5, #98688F, #314237)
• Hushed Mustard Summit color palette (#FBF5E6, #BDAB5B, #59AD9D, #A5666B, #403D36)
• Teal Terrace color palette (#EFFCD5, #A4DDC4, #4CB29E, #008079, #005051)
• Patina Stone color palette (#EBF9F3, #BFCA8B, #A2B7DF, #AF8CAE, #30423B)
• Worn Terrace color palette (#FAF5E3, #93972F, #8974A1, #795260, #3F3D36)
• Teal Harbor color palette (#F5F6EE, #BDDCB0, #46B099, #709A5C, #2A3026)

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