Weathered Mint color palette — #F6F6E9 · #8EBF6E · #4A5D18 · #2C2C21 · #110F0A

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

The five colors

• Ivory (#F6F6E9): a clean, paper-quiet neutral.
• Mint Leaf (#8EBF6E): A luminous, balanced green — the color of new leaves after rain.
• Olive (#4A5D18): A full-bodied, balanced green — the color of new leaves after rain.
• Onyx (#2C2C21): quiet, heavy and certain.
• Ink (#110F0A): quiet, heavy and certain.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, muted.

Use it as a design system

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

• Weathered Teal color palette (#EFF9EC, #3EC6B4, #475A4C, #272D24, #0E100B)
• Mustard Lagoon color palette (#FDF4E5, #D7A624, #655300, #302A20, #130F0A)
• Weathered Summit color palette (#F3F3E0, #9AC67B, #698748, #555549, #24211A)
• Wandering Emerald Hollow color palette (#EFFCD3, #00AD66, #02463E, #121800, #020200)
• Dusty Lagoon color palette (#DDEBCD, #008B68, #51484F, #002B2A, #020500)
• Lowlit Cypress Workshop color palette (#DDF4D9, #006E69, #32383F, #00161B, #000200)
• Timeworn Seafoam color palette (#EBFBE1, #76E3C9, #C0AEF1, #C89572, #323C2C)
• Bronze Courtyard color palette (#FAF4EC, #C3E2CC, #A4B689, #A37F3D, #554400)

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