Tempered Mint color palette — #F1F3E9 · #90C791 · #708542 · #535A0D · #22221C

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

The five colors

• Cream (#F1F3E9): a clean, paper-quiet neutral.
• Mint Leaf (#90C791): A luminous, balanced green — the color of fresh herbs.
• Olive Leaf (#708542): A full-bodied, balanced green — the color of new leaves after rain.
• Olive (#535A0D): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#22221C): a grounded near-black with real depth.

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

• Timeworn Mint color palette (#EDF5E9, #63CDB5, #6E826B, #50574B, #20231D)
• Washed Mustard Archive color palette (#F8F1E3, #CCB75B, #8E7A32, #6B5000, #24211C)
• Washed Bloom color palette (#F1F3E5, #7AAA73, #505D49, #38392E, #23221B)
• Worn Jade Terrace color palette (#DFE6D7, #00BD8D, #207669, #40433C, #101308)
• Charred Veranda color palette (#DAE4C6, #006E3F, #00291E, #070E07, #000201)
• Worn Fern color palette (#F8F5ED, #E5DFBD, #A7BF89, #A49A7B, #594D00)
• Weathered Lagoon color palette (#DBEAD3, #00A28B, #03605E, #26351D, #030501)
• Linen Field color palette (#F0FBD8, #9CE8C6, #4DCBA6, #4EA796, #41543C)

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