Mint Pier color palette — #AFF2BA · #00CD83 · #009B6E · #00715A · #004F44
A conversation between Clover and Fern, giving this palette its sense of nature and growth.
The five colors
- Mint (#AFF2BA): A whisper-light, balanced green — the color of a quiet forest floor.
- Clover (#00CD83): A luminous, vivid teal — the color of glacier melt.
- Fern (#009B6E): A luminous, balanced teal — the color of shallow lagoons.
- Pine (#00715A): A full-bodied, balanced teal — the color of glacier melt.
- Forest (#004F44): A deep, shadowed, dusty teal — the color of glacier melt.
Feels like: Nature, Growth, Calm, Balance. Tagged cool.
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
- Mint Study color palette (#D8F2E7, #00D1AF, #00A08C, #006F6B, #004647)
- Clover Bloom color palette (#CAF095, #00B540, #008C61, #005D51, #0B4057)
- Quiet Emerald color palette (#DCE7D5, #75CD4D, #09A228, #00723B, #004B30)
- Powdered Chartreuse Alley color palette (#EFFFA9, #91E269, #00AC76, #006E6C, #004352)
- Iris Thicket color palette (#E8FDE0, #00C9B2, #848EFF, #008B7A, #2E3172)
- Dusty Cornflower color palette (#D7F6CF, #00B3A6, #1291FB, #748800, #003934)
- Chalky Mustard color palette (#E3E1D3, #BBB400, #858F00, #516800, #304D0D)
- Feathered Turquoise color palette (#C7E9F3, #00B8E2, #0085B1, #005F88, #003B5E)
Browse the whole catalog at Explore, or see today's palette.