Pine Pier color palette — #F3F7EB · #67CC94 · #0090A4 · #008851 · #061E10

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

The five colors

• Ivory (#F3F7EB): bright and airy, almost weightless.
• Mint Leaf (#67CC94): A luminous, balanced teal — the color of shallow lagoons.
• Cerulean (#0090A4): A full-bodied, balanced blue — the color of deep harbor water.
• Fern (#008851): A full-bodied, balanced teal — the color of glacier melt.
• Ink (#061E10): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged duotone.

Use it as a design system

One click turns Pine 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

• Weathered Azure color palette (#F2F7F0, #6DDBC5, #4894DA, #009581, #122924)
• Muted Mustard color palette (#F9F5E9, #BBBB4A, #00948A, #787600, #111C0E)
• Timeworn Seafoam color palette (#EBF8F9, #77E9C2, #009CA8, #008B6A, #00070B)
• Indigo Lantern color palette (#EEF9EF, #00CCDC, #6773E1, #00818C, #24111F)
• Misty Field color palette (#FBECD5, #00BAAC, #0084A7, #803A58, #1F3723)
• Airy Jade color palette (#EDF8F7, #A2DBA9, #4CAEDC, #4EAD5F, #071A27)
• Ancient Lagoon color palette (#F3F7F1, #CCDFDA, #A6C7C4, #2C9380, #373D34)
• Antique Study color palette (#F2F8E9, #17A46C, #8144D2, #8E2530, #241C07)

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