Muted Mint color palette — #F8F8D1 · #AFF8C5 · #70C8A3 · #508E88 · #3A5241

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

The five colors

• Custard (#F8F8D1): A whisper-light, dusty green — the color of new leaves after rain.
• Mint (#AFF8C5): A whisper-light, balanced teal — the color of sea glass.
• Mint Leaf (#70C8A3): A luminous, balanced teal — the color of shallow lagoons.
• Storm Blue (#508E88): A luminous, dusty teal — the color of glacier melt.
• Charcoal Brown (#3A5241): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Balance. Tagged light, 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

• Lagoon Field color palette (#D6FFF9, #96C5A6, #3D9574, #007667, #295965)
• Worn Stone Alley color palette (#FFF3E3, #F0EC9A, #AABC6F, #708F67, #4A4D46)
• Hazy Boulevard color palette (#CDEBDC, #00CFBB, #00888D, #004C5E, #002037)
• Patina Seafoam color palette (#F0F8E9, #9EFCDB, #FFB3C3, #5CAC91, #5B3E38)
• Washed Turquoise color palette (#E6FED7, #CFEFFF, #60BAD5, #5289A4, #523F52)
• Washed Ridge color palette (#E5FDE2, #C6ECFB, #6AC1B4, #2F7370, #192F19)
• Seafoam Boulevard color palette (#DDFFE8, #00E7BC, #00A9A9, #006B78, #003A50)
• Bronze Boulevard color palette (#FAF5E7, #D2E7C4, #BBAD8B, #9C7134, #3E4400)

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