Muted Mint color palette — #E6F6F0 · #83C49D · #378380 · #5B4F67 · #122C2C

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

The five colors

• Cream (#E6F6F0): bright and airy, almost weightless.
• Mint Leaf (#83C49D): A luminous, balanced teal — the color of shallow lagoons.
• Teal (#378380): A full-bodied, dusty teal — the color of sea glass.
• Charcoal Brown (#5B4F67): A full-bodied, dusty violet — the color of wild irises.
• Deep Forest (#122C2C): A deep, shadowed, dusty teal — the color of sea glass.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Muted 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

• Tempered Pine Alley color palette (#ECF5EC, #B4B883, #538255, #485B47, #192C24)
• Dusty Teal Station color palette (#E5F7F0, #6FB189, #007470, #2A4F43, #002221)
• Feathered Mint color palette (#D3FFDE, #6DD5A4, #3D8C53, #0E522F, #001908)
• Weathered Field color palette (#E0F8F3, #B4DBF8, #A0BDF1, #63866A, #173739)
• Antique Moss color palette (#D8FAF3, #64A046, #AC6390, #8A5977, #07241F)
• Lime Hollow color palette (#F2E0AE, #A5B03B, #568A2E, #165D3F, #003A32)
• Feathered Boulevard color palette (#DBFAF3, #80B56A, #B670B5, #42732B, #2A213E)
• Worn Cerulean color palette (#F6EFF6, #B1E6F7, #4699B8, #3A6B45, #1A2D43)

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