Pine Pier color palette — #E8F6FF · #09B2F0 · #8C8800 · #008933 · #001F21
Olive Leaf and Cyan set the tone — five colors that lean into nature and growth.
The five colors
- Ivory (#E8F6FF): bright and airy, almost weightless.
- Cyan (#09B2F0): A luminous, balanced blue — the color of open sky before noon.
- Olive Leaf (#8C8800): A luminous, balanced green — the color of a quiet forest floor.
- Olive Leaf (#008933): A full-bodied, vivid green — the color of a quiet forest floor.
- Ink (#001F21): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Misty Moss Drift color palette (#E9F3FF, #5AA8FF, #4BA100, #007E6B, #001E28)
- Orchid Alley color palette (#E1F3FF, #00B3DE, #A764FF, #077219, #001D1D)
- Lilac Atelier color palette (#F2F4FF, #A693EA, #26A48B, #00869A, #0B1C34)
- Stone Villa color palette (#FAF2FA, #F3A7A8, #BCA666, #799768, #23383C)
- Worn Canyon color palette (#F0EFFF, #D275FF, #FC3126, #9E6200, #141800)
- Feathered Magenta color palette (#E3E0F6, #BE5BD0, #007D81, #00618E, #070121)
- Muted Summit color palette (#D3E2F9, #204DE8, #0D6811, #003E38, #000204)
- Aged Petrol color palette (#D8F0E0, #007789, #544200, #163200, #000705)
Browse the whole catalog at Explore, or see today's palette.