Tempered Mint color palette — #EFF4E6 · #76CCA2 · #6D8173 · #52564C · #23221A

A conversation between Mint Leaf and Driftwood, giving this palette its sense of sophistication.

The five colors

• Cream (#EFF4E6): a clean, paper-quiet neutral.
• Mint Leaf (#76CCA2): A luminous, balanced teal — the color of sea glass.
• Driftwood (#6D8173): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#52564C): quiet, heavy and certain.
• Onyx (#23221A): quiet, heavy and certain.

Feels like: 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

• Washed Atelier color palette (#F2F7ED, #75C19F, #4C594A, #282D20, #0F1009)
• Dusty Teal Canyon color palette (#E4F6DF, #00BAA9, #356F8A, #374732, #111303)
• Sky Thicket color palette (#D6EAE0, #00BAF2, #7D6977, #3D4E46, #131B12)
• Lagoon Field color palette (#DBEBDB, #00A0A0, #2E5E51, #223523, #030500)
• Ancient Cerulean color palette (#D8EBDF, #0088A0, #2D4169, #042414, #010200)
• Ancient Aqua color palette (#F2F8CE, #A5E8C8, #6BCFCC, #58A1B6, #355A50)
• Fern Balcony color palette (#F9F5EB, #DEE1C4, #ABBC9E, #A29984, #505100)
• Glacier Balcony color palette (#E4FDEB, #85D6E7, #E7ACAC, #CE9475, #33483A)

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