Pine Pier color palette — #F1F4E6 · #95C098 · #B38CB7 · #44824D · #46262D
A conversation between Fern and Dusty Rose, giving this palette its sense of nature and growth.
The five colors
- Cream (#F1F4E6): a clean, paper-quiet neutral.
- Mint Leaf (#95C098): A luminous, dusty green — the color of fresh herbs.
- Dusty Rose (#B38CB7): A luminous, dusty pink — the color of peonies in June.
- Fern (#44824D): A full-bodied, balanced green — the color of a quiet forest floor.
- Espresso (#46262D): A deep, shadowed, dusty red — the color of a theater curtain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged muted.
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
- Bronze Lagoon color palette (#F6F1E6, #BEB482, #9695CE, #807220, #422737)
- Hushed Pine color palette (#E9F9F6, #98BB92, #BC83B1, #4B8243, #524667)
- Tempered Cypress color palette (#EBF5EB, #78C2C2, #CC8688, #008282, #4A261A)
- Softworn Corridor color palette (#E8F9F7, #99D1CB, #CD9DD6, #51A15D, #5D4262)
- Bronze Lagoon color palette (#EFF5E2, #75AB86, #7E8ABE, #A66455, #252A14)
- Antique Bronze Field color palette (#FBF0E2, #C9B99C, #A5793D, #7D4A14, #322B18)
- Cypress Archive color palette (#EEF4ED, #D8BF99, #2F6D69, #233720, #0F160E)
- Hushed Ridge color palette (#EFF5E2, #C3E5D5, #99CDC7, #939066, #2A4300)
Browse the whole catalog at Explore, or see today's palette.