Pine Pier color palette — #E0F5F0 · #5A9A5B · #00753F · #005543 · #000900
Built around Pine, softened by Fern — the whole palette hums with nature and growth.
The five colors
- Cream (#E0F5F0): A whisper-light, dusty teal — the color of glacier melt.
- Fern (#5A9A5B): A luminous, balanced green — the color of new leaves after rain.
- Pine (#00753F): A full-bodied, balanced teal — the color of shallow lagoons.
- Forest (#005543): A full-bodied, dusty teal — the color of glacier melt.
- Ink (#000900): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, 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
- Lagoon Corridor color palette (#CDF0F1, #079F86, #007169, #005259, #000709)
- Powdered Orchard color palette (#DCEFE4, #8B8F24, #576B00, #2C5320, #060600)
- Dusty Olive color palette (#E3F1E9, #61803C, #00532E, #003236, #000806)
- Wandering Pine color palette (#D6EEE8, #63AC58, #008740, #00616C, #011500)
- Tempered Teal color palette (#D2EAE9, #7ACEAB, #00A88D, #2E8482, #052F31)
- Weathered Moss color palette (#ECF9F1, #CDCF8E, #98AA52, #589082, #1B3D30)
- Sunlit Amethyst Workshop color palette (#E9ECFA, #7D3BEA, #B90062, #00617F, #02000B)
- Pale Jade Pier color palette (#E5FAF7, #99E2B3, #00C28D, #329B8E, #18452B)
Browse the whole catalog at Explore, or see today's palette.