Tempered Mint color palette — #FFF0F7 · #71C38F · #544877 · #412332 · #261616

A conversation between Mint Leaf and Charcoal Brown, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF0F7): bright and airy, almost weightless.
• Mint Leaf (#71C38F): A luminous, balanced teal — the color of sea glass.
• Charcoal Brown (#544877): A full-bodied, dusty violet — the color of wild irises.
• Espresso (#412332): A deep, shadowed, dusty rose — the color of a warm blush.
• Ink (#261616): A deep, shadowed, dusty red — the color of a theater curtain.

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 Hollow color palette (#FFF2F0, #9FB97A, #783A52, #432421, #221913)
• Aged Pier color palette (#F5F3FF, #C7DFB0, #AF82B7, #795380, #221F2F)
• Stone Garden color palette (#F4EFFB, #DFA38A, #724362, #3B1A30, #0F0916)
• Pewter Summit color palette (#FFF1F2, #EEB59E, #935D82, #59344E, #2C1D1E)
• Pale Moss color palette (#FFD9E0, #26B01E, #60006A, #2F0035, #20050C)
• Pale Moss Delta color palette (#EED9D2, #8A951B, #6A0016, #2E0508, #0E0500)
• Ancient Peony Pier color palette (#FFF1F3, #B15BAE, #2E8262, #245F48, #422C2F)
• Tempered Wisteria color palette (#FCF2F4, #D890DE, #946400, #7D4882, #2D2213)

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