Pine Pier color palette — #F4F7E9 · #84C791 · #A57CD3 · #007532 · #241219
Built around Pine, softened by Wisteria — the whole palette hums with nature and growth.
The five colors
- Ivory (#F4F7E9): bright and airy, almost weightless.
- Mint Leaf (#84C791): A luminous, balanced green — the color of a quiet forest floor.
- Wisteria (#A57CD3): A luminous, balanced violet — the color of twilight just after sunset.
- Pine (#007532): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#241219): A deep, shadowed, dusty rose — the color of a warm blush.
Feels like: Nature, Growth, Creativity, 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
- Indigo Balcony color palette (#F2F7EE, #63CAAE, #7E72C7, #00856C, #24111C)
- Lilac Drift color palette (#E9F9F7, #A2E3A8, #9D81FC, #007D29, #030410)
- Gentle Olive color palette (#F7F6EB, #A9BF71, #3188BE, #657D02, #001E16)
- Magenta Loft color palette (#E6F8E5, #00C3C3, #B928BF, #007978, #210223)
- Plum Archive color palette (#EDF6E1, #35AD7F, #9B5198, #684A00, #3A2800)
- Grape Ridge color palette (#E1E8D9, #00AC7A, #6049B8, #006244, #0B0006)
- Dusty Cerulean color palette (#F0F7F1, #97DFE7, #C584A7, #329DA7, #3A2928)
- Softworn Studio color palette (#EDF8F9, #42AF96, #005EAD, #005D4D, #0B1928)
Browse the whole catalog at Explore, or see today's palette.