Mint Pier color palette — #E9F9F8 · #68C588 · #405961 · #222E2D · #0B110F

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

The five colors

• Ivory (#E9F9F8): bright and airy, almost weightless.
• Mint Leaf (#68C588): A luminous, balanced teal — the color of glacier melt.
• Charcoal Brown (#405961): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#222E2D): quiet, heavy and certain.
• Ink (#0B110F): a grounded near-black with real depth.

Feels like: Nature, Growth, Sophistication. Tagged noir, dark, luxury, 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

• Worn Mustard Balcony color palette (#E6FBF0, #BBB32B, #405A59, #222E28, #140D0F)
• Weathered Basin color palette (#EFF4E4, #7ACB9C, #74806B, #4B5C17, #21221C)
• Teal Station color palette (#DEFCFF, #00AA8E, #064354, #00191C, #000202)
• Petrol Dune color palette (#C2E9FA, #006C79, #2B252A, #00112E, #000102)
• Tempered Lagoon Courtyard color palette (#C6EEF6, #00897F, #3C413B, #00283B, #000506)
• Timeworn Seafoam Quarry color palette (#E4FAFF, #3AE7E0, #F1A39B, #CE8F89, #263C42)
• Patina Lantern color palette (#EEF8F1, #ABEBE6, #8ABBA3, #788B7E, #394B46)
• Softworn Frost color palette (#E2FBFD, #A6FADE, #FFB7A8, #6BA895, #573C51)

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