Tempered Mint color palette — #E8FAF7 · #83C17E · #3E5B5A · #1F2F2C · #09110F

Built around Mint Leaf, softened by Charcoal Brown — the whole palette hums with nature and growth.

The five colors

• Ivory (#E8FAF7): bright and airy, almost weightless.
• Mint Leaf (#83C17E): A luminous, balanced green — the color of a quiet forest floor.
• Charcoal Brown (#3E5B5A): A full-bodied, dusty teal — the color of sea glass.
• Deep Forest (#1F2F2C): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#09110F): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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 Study color palette (#E8F8FF, #00B2C5, #2C4B5B, #0B222A, #020608)
• Weathered Olive Lagoon color palette (#E2F7F3, #5F8A54, #2D4044, #1B2C2A, #0E1717)
• Seafoam Balcony color palette (#E4FAFF, #6AE2DA, #91BEF7, #99AA78, #253D42)
• Deep Dune color palette (#E0F4FA, #006D70, #322C30, #00161A, #000102)
• Hushed Stone color palette (#EDF8F2, #BFDDED, #A2B881, #738D80, #364C44)
• Wandering Teal color palette (#E8F9FC, #A5F8EB, #C1C6FF, #52AC9F, #3B4562)
• Hushed Lantern color palette (#DEF1FF, #008AB7, #002E4C, #282228, #000910)
• Muted Lime Orchard color palette (#ECF8F4, #9EBB69, #3B5C56, #212E2A, #0B110F)

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