Mint Coast color palette — #EFF7F7 · #D4DBDF · #BDB3B9 · #70C08B · #3E4B4A

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Silver (#D4DBDF): a clean, paper-quiet neutral.
• Ash (#BDB3B9): a calm mid-gray that lets other colors speak.
• Mint Leaf (#70C08B): A luminous, balanced teal — the color of shallow lagoons.
• Charcoal (#3E4B4A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication, Softness, Clarity. Tagged scandi, muted, light.

Use it as a design system

One click turns Mint Coast 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 Teal Parlor color palette (#EDF8F6, #A9E1DF, #7EBAA9, #689C92, #284948)
• Muted Teal Lagoon color palette (#D3E9ED, #44C1AF, #587580, #354F53, #0F1B1B)
• Weathered Lagoon color palette (#F1F3EB, #CDDED5, #ADC5BD, #518261, #2B2D24)
• Azure Balcony color palette (#F0F6FA, #D7D9E5, #C1BED2, #0FADE6, #2E3D47)
• Hushed Powder color palette (#DAFDFF, #BFDDE6, #9AC1DE, #9987AA, #60445D)
• Quiet Raspberry color palette (#E8F9FA, #84D0B3, #7D9EE7, #B55C76, #413800)
• Wandering Peony color palette (#EAFAED, #93D9B5, #32B9C1, #AB64A4, #11454B)
• Aged Ridge color palette (#E2EDF0, #9AA0AB, #81879C, #007275, #000B10)

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