Pine Pier color palette — #DEF5ED · #649A2C · #1B7614 · #414F12 · #000806
A conversation between Olive and Olive Leaf, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#DEF5ED): A whisper-light, dusty teal — the color of shallow lagoons.
- Olive Leaf (#649A2C): A luminous, balanced green — the color of fresh herbs.
- Olive (#1B7614): A full-bodied, balanced green — the color of fresh herbs.
- Deep Olive (#414F12): A full-bodied, balanced green — the color of fresh herbs.
- Ink (#000806): A deep, shadowed, dusty teal — the color of sea glass.
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
- Moss Thicket color palette (#DEF1EB, #6CAC35, #2A852B, #1D6446, #001410)
- Tempered Chapel color palette (#D8EDE2, #568424, #005331, #312C00, #030800)
- Dusty Basin color palette (#E1F4E5, #9B8900, #666600, #56461A, #080600)
- Mustard Chapel color palette (#CEEADA, #A9AE4E, #738930, #4A6F41, #002116)
- Dusty Lagoon color palette (#E1F3EC, #008C78, #006A62, #004947, #000809)
- Wandering Atelier color palette (#D4F0F2, #007E85, #3455D9, #326800, #000203)
- Chalky Amethyst Bloom color palette (#C5EBF7, #009092, #7C4BDC, #006162, #08001C)
- Tempered Jade Alley color palette (#C7F7EC, #84D885, #25B269, #2D8D74, #0C3810)
Browse the whole catalog at Explore, or see today's palette.