Pine Drift color palette — #F7D8ED · #008F5C · #005567 · #58001A · #00120F

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

The five colors

• Shell Pink (#F7D8ED): A whisper-light, dusty pink — the color of a candy shop window.
• Fern (#008F5C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005567): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#58001A): A deep, shadowed, balanced red — the color of embers at dusk.
• Ink (#00120F): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Trust, Stability, Balance. Tagged retro.

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

• Frosted Lagoon color palette (#F7E2F2, #2CA07C, #006581, #641D14, #001C22)
• Misty Olive color palette (#F7E8EF, #638600, #005951, #52003A, #001303)
• Softworn Pier color palette (#FBE4F2, #007566, #00405F, #390E00, #000708)
• Hushed Lagoon Cabin color palette (#D2E8E3, #539F7F, #00625F, #274117, #001617)
• Soft Archive color palette (#D4E9D2, #008992, #003EB3, #3F2600, #001118)
• Patina Navy Cabin color palette (#BCE9DE, #008B77, #00585C, #1F2A6C, #002B27)
• Nightshade Harbor color palette (#DCEFED, #008229, #4222A9, #3D1F00, #140700)
• Antique Nightshade color palette (#F7F9D2, #00BBA8, #007983, #2D2C92, #031802)

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