Pine Pier color palette — #FFF2EE · #C85C6A · #118436 · #005D7B · #2C101B
Fern takes the lead with Poppy close behind in a set that reads as nature and growth at first glance.
The five colors
- Ivory (#FFF2EE): a clean, paper-quiet neutral.
- Poppy (#C85C6A): A luminous, balanced red — the color of embers at dusk.
- Fern (#118436): A full-bodied, balanced green — the color of a quiet forest floor.
- Peacock (#005D7B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#2C101B): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Nature, Growth, Trust, Stability, Balance. Tagged jewel, vibrant.
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
- Dusty Lagoon color palette (#FFF1F2, #B56198, #6A7617, #005F5D, #301627)
- Linen Blush Basin color palette (#FEF0FE, #E46E85, #007C39, #004C66, #090617)
- Muted Amber Workshop color palette (#FFF2EB, #CF713A, #007B6E, #1E498A, #2F1516)
- Amber Coast color palette (#FFEEE4, #D37A5A, #5E7E2F, #005A6A, #371954)
- Moss Drift color palette (#FDF0FD, #F37F8B, #7D9A00, #3070C2, #261527)
- Softworn Bronze color palette (#FDECD2, #DD8774, #A26A00, #006168, #352F2B)
- Softworn Aubergine color palette (#F9ECD0, #8C8200, #005E91, #5E2470, #260E00)
- Quiet Brick color palette (#F2E1DA, #C6193D, #005740, #003555, #0D000F)
Browse the whole catalog at Explore, or see today's palette.