Pine Pier color palette — #DEFDF8 · #6BB687 · #007C59 · #005A6F · #1B442C
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Ivory (#DEFDF8): A whisper-light, dusty teal — the color of shallow lagoons.
- Jade (#6BB687): A luminous, balanced teal — the color of shallow lagoons.
- Teal (#007C59): A full-bodied, balanced teal — the color of glacier melt.
- Peacock (#005A6F): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#1B442C): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Balance, Grounding. Tagged botanical, earthy, 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
- Worn Olive Drift color palette (#E2FCF1, #9AAB72, #497914, #015E59, #33410A)
- Aged Cypress color palette (#E4FAFB, #6EA6AD, #277069, #304E67, #073D43)
- Pewter Thicket color palette (#ECF9F1, #8CBCA6, #6F794F, #6A5068, #31483E)
- Frosted Pine color palette (#E3F8ED, #91B47E, #157E55, #5C3B75, #102700)
- Olive Lantern color palette (#E7FBEF, #A6A86B, #617300, #793B40, #3D3D12)
- Muted Emerald color palette (#FDF5DD, #A6C694, #009F69, #7A5797, #2C421E)
- Dusty Jade color palette (#F4F8E0, #9BE1B2, #00C28B, #5193A8, #393C35)
- Fern Garden color palette (#D8F2E9, #73A248, #166D0B, #712900, #1D3600)
Browse the whole catalog at Explore, or see today's palette.