Mint Pier color palette — #F7F7E2 · #84DA9C · #009473 · #00656B · #00260E

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

The five colors

• Cream (#F7F7E2): A whisper-light, dusty green — the color of fresh herbs.
• Mint Leaf (#84DA9C): A luminous, balanced teal — the color of sea glass.
• Fern (#009473): A full-bodied, balanced teal — the color of shallow lagoons.
• Peacock (#00656B): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Forest (#00260E): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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

• Pine Lantern color palette (#FAF5E6, #ADC58A, #498749, #23557D, #121C00)
• Dusty Petrol Dune color palette (#F8F6E8, #D1D3AD, #619875, #446491, #2A2A01)
• Weathered Mint color palette (#F7EACB, #8FD677, #00B08E, #0085B6, #163709)
• Sunlit Moss color palette (#C9F0DB, #57AC4C, #006B59, #004362, #021C01)
• Timeworn Cypress Workshop color palette (#F7F6E4, #84AF89, #007152, #27386D, #000B02)
• Azure Study color palette (#FCF4E7, #D3E7FD, #00A6E4, #007271, #002646)
• Wandering Fern Study color palette (#F5F6EB, #BDE0DC, #9EB793, #6D8F79, #3A4F08)
• Aged Bronze color palette (#F5EADB, #847D2E, #344200, #001F2A, #010100)

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