Mint Studio color palette — #F4F3E5 · #8BC29C · #378476 · #6D4A4D · #252A16

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

The five colors

• Cream (#F4F3E5): bright and airy, almost weightless.
• Mint Leaf (#8BC29C): A luminous, dusty teal — the color of sea glass.
• Fern (#378476): A full-bodied, dusty teal — the color of glacier melt.
• Coffee (#6D4A4D): A full-bodied, dusty red — the color of embers at dusk.
• Onyx (#252A16): A deep, shadowed, dusty green — the color of fresh herbs.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, muted.

Use it as a design system

One click turns Mint Studio 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

• Powdered Clover color palette (#F6F2E0, #6EBE69, #007E60, #713840, #0B280A)
• Antique Stone color palette (#F7F1E5, #BDCA9B, #6C8D6D, #725A59, #32312A)
• Cypress Veranda color palette (#E7FAF3, #91BB9F, #3B817C, #5E5374, #2B4848)
• Aged Teal Studio color palette (#E6FAF7, #C2F4D1, #6AAE90, #8B6C77, #1F3F3E)
• Wandering Cerulean color palette (#FBEFE9, #C7E7C4, #3A9CAF, #386B4A, #0A3427)
• Aged Ridge color palette (#EAE8D2, #57A070, #006356, #582827, #101400)
• Bronze Corridor color palette (#FFF2C4, #D4B260, #907300, #543E00, #211600)
• Misty Balcony color palette (#F9E1BE, #9B9B00, #326B00, #5C294D, #171700)

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