Tempered Mint color palette — #FAF6DC · #80C48B · #309B7D · #37688C · #3C3E37

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

The five colors

• Custard (#FAF6DC): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#80C48B): A luminous, balanced green — the color of new leaves after rain.
• Fern (#309B7D): A luminous, balanced teal — the color of sea glass.
• Peacock (#37688C): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3C3E37): a grounded near-black with real depth.

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

• Soft Teal color palette (#F6F7E5, #46C9B9, #0098A5, #565D9B, #314230)
• Weathered Field color palette (#FEF5DD, #BAB56B, #71942D, #0D7174, #3F3D36)
• Wandering Villa color palette (#FFF2EE, #C3D68A, #3EA3A4, #825172, #31322C)
• Nightshade Workshop color palette (#D5EEC4, #00B193, #007F81, #202CC9, #00312B)
• Seafoam Archive color palette (#E4FDE9, #A8D69B, #64B6A5, #9173AA, #1A4544)
• Ancient Turquoise Workshop color palette (#EAFBE4, #B2C9B4, #66A5BA, #957087, #5F4952)
• Tempered Jade Corridor color palette (#E0E8D6, #28A776, #425337, #253400, #181913)
• Softworn Bronze color palette (#F7F6E8, #B2CEA3, #6B9E6C, #7D7329, #464500)

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