Pine Drift color palette — #ECE3EC · #8FCDCB · #00A2C6 · #008425 · #00203E
A conversation between Olive Leaf and Cerulean, giving this palette its sense of nature and growth.
The five colors
- Blush (#ECE3EC): a clean, paper-quiet neutral.
- Mint Leaf (#8FCDCB): A luminous, dusty teal — the color of glacier melt.
- Cerulean (#00A2C6): A luminous, balanced blue — the color of deep harbor water.
- Olive Leaf (#008425): A full-bodied, vivid green — the color of fresh herbs.
- Midnight (#00203E): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns Pine Drift 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
- Pale Azure color palette (#EDE2E9, #8ECAE1, #4595E9, #007F6A, #1A1647)
- Weathered Lagoon color palette (#E8E2DA, #9CBB9B, #008492, #005C44, #00242F)
- Emerald Market color palette (#D2F3FA, #93D3FF, #BAABFF, #009953, #002D3A)
- Antique Cerulean Balcony color palette (#EFF8F0, #92DBD9, #008A99, #00543E, #000F16)
- Softworn Periwinkle color palette (#FFF0F9, #ADE3FC, #70ACFF, #009988, #30236C)
- Airy Jade Archive color palette (#DFF4D8, #00AD74, #008783, #006877, #001F32)
- Emerald Alley color palette (#FCF1FC, #ADF3F7, #4CC5F7, #00AD5B, #1D3F6F)
- Airy Rose Boulevard color palette (#C9EDF9, #00B1B9, #F73A66, #008086, #39000E)
Browse the whole catalog at Explore, or see today's palette.