Mint Coast color palette — #F3F7E9 · #D6EF98 · #38D390 · #00999C · #3E413B
Mint Leaf and Butter set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#F3F7E9): a clean, paper-quiet neutral.
- Butter (#D6EF98): A whisper-light, balanced green — the color of a quiet forest floor.
- Mint Leaf (#38D390): A luminous, balanced teal — the color of shallow lagoons.
- Cerulean (#00999C): A luminous, balanced teal — the color of glacier melt.
- Charcoal (#3E413B): a grounded near-black with real depth.
Feels like: Nature, Growth, Balance. Tagged candy, vibrant, 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
- Soft Seafoam color palette (#EDFAE8, #A4EBB2, #00DBC7, #1696C5, #274228)
- Quiet Teal Ridge color palette (#D9E9C2, #5AC5AB, #008784, #00626B, #114B57)
- Airy Lime color palette (#F8F6E8, #FFDA83, #B0CE55, #3AA980, #40413A)
- Feathered Basin color palette (#E0FCF9, #FFE689, #7CDCAD, #49B1DA, #15494F)
- Tempered Mint color palette (#EFF5E2, #FFD889, #7CD29C, #4F93B8, #162613)
- Cerulean Harbor color palette (#F3F8DB, #ABBFA3, #568E9E, #775C61, #634944)
- Ancient Grove color palette (#DBFAE7, #00D2C5, #009DB9, #3866D6, #00293C)
- Lime Boulevard color palette (#E4FFD7, #23DD34, #00AD95, #007A95, #00312E)
Browse the whole catalog at Explore, or see today's palette.