Weathered Mint color palette — #FFF1F4 · #DBB7EC · #C1C37C · #87C07D · #553941

A conversation between Mint Leaf and Pistachio, giving this palette its sense of nature and growth.

The five colors

• Ivory (#FFF1F4): bright and airy, almost weightless.
• Lavender (#DBB7EC): A whisper-light, balanced violet — the color of a velvet chair.
• Pistachio (#C1C37C): A luminous, balanced green — the color of a quiet forest floor.
• Mint Leaf (#87C07D): A luminous, balanced green — the color of a quiet forest floor.
• Cocoa (#553941): A deep, shadowed, dusty red — the color of embers at dusk.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, 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

• Softworn Grove color palette (#FFF2EF, #F4B2C0, #8DD0A0, #3FC5C0, #553B36)
• Wandering Mustard color palette (#FFF0FC, #B1C5FF, #F0AC7E, #C5AE4F, #4E3B4A)
• Hushed Powder color palette (#FFF1F5, #E4D8D3, #A5BDEC, #9AB6A9, #634D50)
• Tempered Fern color palette (#FBF4E9, #E1D9C1, #C7B391, #AB8B6E, #4E4A00)
• Faded Moss Villa color palette (#FFE3E4, #FFB1E6, #00B383, #7BA700, #4A1E3D)
• Tempered Blush color palette (#FFF1F4, #E5B7F9, #FB9D9A, #75A7D9, #463237)
• Tempered Straw color palette (#89FAFE, #E6E277, #EDC1FF, #81666D, #382D2F)
• Azure Chapel color palette (#F3F4FF, #BAA5DF, #D0909C, #529BC4, #3E4059)

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