Mint Coast color palette — #E9F9F7 · #89C181 · #5EA0CD · #577F51 · #345067
Mint Leaf and Blue Fog set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E9F9F7): a clean, paper-quiet neutral.
- Mint Leaf (#89C181): A luminous, balanced green — the color of a quiet forest floor.
- Blue Fog (#5EA0CD): A luminous, balanced blue — the color of deep harbor water.
- Fern (#577F51): A full-bodied, balanced green — the color of fresh herbs.
- Peacock (#345067): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged muted.
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
- Wandering Cabin color palette (#E9FAEF, #C1B06D, #5AA8A5, #7F7240, #2A545E)
- Aged Pine Studio color palette (#E6F6F3, #97C18E, #AD8FBC, #537F49, #302C4A)
- Mint Alley color palette (#E9F9FA, #69C4A7, #B8905E, #39826C, #3C543B)
- Ancient Corridor color palette (#EDF9EC, #CEB48A, #6F886C, #715460, #3C4D40)
- Tempered Grove color palette (#E3FBF9, #BADCEE, #A1C3DF, #6E918C, #3B5252)
- Dusty Station color palette (#EBF9F1, #BDB358, #C7828F, #7A743D, #5A445F)
- Hushed Emerald color palette (#F5F7E9, #ADD0A5, #CAA1CA, #6B9B61, #674147)
- Powdered Moss color palette (#E7F9FF, #00B4C1, #948D1E, #00737C, #474419)
Browse the whole catalog at Explore, or see today's palette.