Pine Drift color palette — #E9DBE5 · #00764B · #004360 · #400600 · #000504

Pine and Espresso set the tone — five colors that lean into nature and growth.

The five colors

• Silver (#E9DBE5): A whisper-light, dusty pink — the color of neon signs at night.
• Pine (#00764B): A full-bodied, balanced teal — the color of sea glass.
• Navy (#004360): A deep, shadowed, dusty blue — the color of open sky before noon.
• Espresso (#400600): A deep, shadowed, balanced orange — the color of autumn markets.
• Ink (#000504): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged 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

• Lowlit Study color palette (#F5DCD8, #007461, #00364E, #210001, #000202)
• Fern Parlor color palette (#F9E6FB, #666800, #004843, #3D0029, #000500)
• Timeworn Nightshade color palette (#D4E7D1, #00736C, #0022A9, #2F1A00, #000406)
• Nocturne Abyss color palette (#CDEAF4, #004F55, #1D2127, #000E20, #000203)
• Denim Summit color palette (#E1EADA, #398C88, #12518F, #3F2E00, #191000)
• Aubergine Alley color palette (#DEEFEB, #3A6600, #4F007D, #261700, #030100)
• Powdered Lantern color palette (#E0E0CE, #007F98, #5A00B4, #2F2D00, #000C1B)
• Hazy Lagoon color palette (#E2EDE0, #008B8D, #006479, #3F1A89, #000405)

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