Pine Drift color palette — #F8ECCD · #318253 · #004D56 · #3C0D23 · #160008

A conversation between Fern and Onyx, giving this palette its sense of nature and growth.

The five colors

• Custard (#F8ECCD): A whisper-light, dusty gold — the color of old brass.
• Fern (#318253): A full-bodied, balanced teal — the color of shallow lagoons.
• Deep Teal (#004D56): A deep, shadowed, dusty blue — the color of open sky before noon.
• Onyx (#3C0D23): A deep, shadowed, dusty rose — the color of strawberry cream.
• Ink (#160008): A deep, shadowed, dusty rose — the color of a warm blush.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, muted.

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

• Antique Abyss color palette (#E1E2D0, #35735C, #004765, #332000, #0D0600)
• Tempered Onyx color palette (#D9EBD1, #4F8B6D, #00595A, #391551, #350222)
• Onyx Lantern color palette (#FDDBD1, #796A25, #005834, #460431, #14000B)
• Patina Olive Workshop color palette (#F9EBD8, #617000, #00421F, #2A1B00, #020300)
• Weathered Aubergine Field color palette (#E8F3DE, #67A689, #007378, #47235A, #110008)
• Softworn Mulberry color palette (#E2EFDE, #006A61, #86004F, #00312D, #090003)
• Tempered Lagoon Boulevard color palette (#DCECE0, #398B94, #414D7A, #3D2F00, #171000)
• Inked Garnet Courtyard color palette (#CAECE4, #00564A, #780022, #471A00, #000201)

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