Pine Pier color palette — #DEE6CD · #438B56 · #00655D · #382950 · #200317
Fern and Pine set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DEE6CD): A whisper-light, dusty green — the color of new leaves after rain.
- Fern (#438B56): A full-bodied, balanced teal — the color of glacier melt.
- Pine (#00655D): A full-bodied, balanced teal — the color of shallow lagoons.
- Navy (#382950): A deep, shadowed, dusty violet — the color of a velvet chair.
- Ink (#200317): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, Balance. Tagged vintage, retro, 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
- Weathered Villa color palette (#D2E5D9, #008882, #005B71, #472227, #2D0009)
- Forest Lantern color palette (#F5E9DA, #7D792B, #306026, #10315C, #13042E)
- Softworn Pine color palette (#DCEBDA, #008C47, #00543D, #002E28, #001110)
- Mulberry Canyon color palette (#DBEACF, #007E64, #9A1560, #004132, #160009)
- Twilit Denim Archive color palette (#D1E8E3, #006574, #0B3454, #2E0016, #090000)
- Feathered Mint color palette (#F4E3C6, #7DC176, #00828F, #5D2E49, #320923)
- Teal Canyon color palette (#DEF7E8, #00AA9D, #00708A, #673159, #410D1B)
- Navy Harbor color palette (#DFEDE3, #5FA58D, #1F7A73, #2E5175, #1A275C)
Browse the whole catalog at Explore, or see today's palette.