Mint Pier color palette — #F4F4FF · #D7B3E9 · #6CC39C · #6585AA · #312F3F

A conversation between Mint Leaf and Lavender, giving this palette its sense of trust and stability.

The five colors

• Ivory (#F4F4FF): a clean, paper-quiet neutral.
• Lavender (#D7B3E9): A luminous, balanced violet — the color of wild irises.
• Mint Leaf (#6CC39C): A luminous, balanced teal — the color of sea glass.
• Storm Blue (#6585AA): A luminous, dusty blue — the color of open sky before noon.
• Onyx (#312F3F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged muted.

Use it as a design system

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

• Aged Lantern color palette (#F4F4FF, #D7B3EC, #B7B16E, #4C8F8B, #31303E)
• Shell Dune color palette (#FBF1FE, #F3ADBB, #6CBCCD, #8579AA, #372E39)
• Dusty Emerald Grove color palette (#F8F3FB, #F2A3C2, #55A665, #506EA0, #261F2A)
• Aged Taupe Orchard color palette (#EDF9EF, #FFD0CB, #BF9C58, #59739E, #4D3844)
• Dusty Shell color palette (#FFF2EF, #FFA5B6, #C8B57D, #B58BA2, #4B3834)
• Dusty Turquoise color palette (#FFF1F7, #E7A06D, #16AFD0, #8162A1, #311E27)
• Wandering Taupe color palette (#F9F3F7, #E4D8D7, #AAB4BE, #C398A1, #524B50)
• Washed Blush color palette (#FAF1FF, #FF68AA, #00A4B6, #5C53C4, #25112E)

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