Pine Pier color palette — #F5F9D8 · #9BC8A2 · #4B9668 · #0D774F · #445532
Pine and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Custard (#F5F9D8): A whisper-light, dusty green — the color of new leaves after rain.
- Mint Leaf (#9BC8A2): A luminous, dusty green — the color of fresh herbs.
- Fern (#4B9668): A luminous, balanced teal — the color of glacier melt.
- Pine (#0D774F): A full-bodied, balanced teal — the color of shallow lagoons.
- Deep Olive (#445532): A full-bodied, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Balance. Tagged cool.
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
- Antique Meadow color palette (#EDFAE4, #B5CDA5, #3B8F79, #005B49, #004337)
- Wandering Lagoon color palette (#E7FCE3, #7CC3C3, #199198, #00737F, #335742)
- Wandering Olive Coast color palette (#FFF4DF, #C5BE87, #8A8537, #636C1D, #4E4D46)
- Wandering Pine color palette (#F1F8EA, #89BDA6, #7A99D2, #178662, #5E425C)
- Patina Dune color palette (#F2F8E8, #6CA789, #4295B5, #897520, #41443D)
- Teal Thicket color palette (#CFEAE7, #0CB0AD, #00767B, #005760, #003E4A)
- Deep Forest Meadow color palette (#E5F2E8, #00744B, #003A28, #001D15, #000A08)
- Cerulean Dune color palette (#C6EACF, #65C2D8, #0088A8, #00607D, #314068)
Browse the whole catalog at Explore, or see today's palette.