Pine Drift color palette — #FFF2EE · #97ECED · #00ABD8 · #008939 · #18416E

Built around Fern, softened by Cyan — the whole palette hums with nature and growth.

The five colors

• Ivory (#FFF2EE): a clean, paper-quiet neutral.
• Sea Foam (#97ECED): A whisper-light, balanced teal — the color of glacier melt.
• Cyan (#00ABD8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Fern (#008939): A full-bodied, balanced green — the color of new leaves after rain.
• Navy (#18416E): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.

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 Periwinkle color palette (#FFF2EA, #B0E4F8, #54A0ED, #00856E, #37396C)
• Powdered Aqua Workshop color palette (#FAF4EC, #A1F6F6, #00CCE7, #00A986, #00475C)
• Softworn Quarry color palette (#F6ECE8, #AACFB3, #0591C9, #007046, #172B57)
• Lagoon Orchard color palette (#FCF3EF, #C3E1EA, #8EB7D6, #5A947D, #604B5B)
• Cobalt Study color palette (#F3E6DD, #80BAD5, #4475B9, #005A50, #1D1645)
• Dusty Orchard color palette (#F2E2D8, #649BB1, #19589C, #003C33, #080029)
• Tempered Cabin color palette (#F4DCD6, #67B0AE, #00728C, #004E10, #00142A)
• Tempered Moss Veranda color palette (#EFE3CC, #B5B100, #44A400, #007D4B, #004F42)

Browse the whole catalog at Explore, or see today's palette.