Mint Coast color palette — #FAF5E5 · #94BD87 · #408267 · #6D5159 · #42433C
A conversation between Sage and Fern, giving this palette its sense of nature and growth.
The five colors
- Cream (#FAF5E5): A whisper-light, dusty green — the color of new leaves after rain.
- Sage (#94BD87): A luminous, balanced green — the color of new leaves after rain.
- Fern (#408267): A full-bodied, balanced teal — the color of sea glass.
- Coffee (#6D5159): A full-bodied, dusty rose — the color of a warm blush.
- Charcoal (#42433C): quiet, heavy and certain.
Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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
- Muted Cypress color palette (#F9F5E7, #7AA973, #007557, #663D46, #35362F)
- Ancient Fern Loft color palette (#F6F7E4, #7EC0A0, #3C807B, #466056, #364B02)
- Dusty Driftwood color palette (#FDF4E8, #CEC095, #87853D, #765D6A, #5E4B00)
- Tempered Lagoon color palette (#ECF9EF, #A2CFC3, #6A9C83, #786B86, #2A4942)
- Wandering Blush Archive color palette (#FFF1F0, #DB7BAA, #4A9D6E, #924A6E, #41433C)
- Worn Cypress Parlor color palette (#FBF3EE, #BFE7D1, #648FB2, #0E7169, #583D54)
- Teal Thicket color palette (#ECF8F4, #B1E0DA, #77BD9C, #7B90BB, #264A46)
- Hazy Lantern color palette (#FFF1F1, #C3629B, #159160, #037973, #4B302F)
Browse the whole catalog at Explore, or see today's palette.