Pine Drift color palette — #F1ECD7 · #3E773E · #004131 · #00232B · #000400

Olive and Forest set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F1ECD7): A whisper-light, dusty green — the color of new leaves after rain.
• Olive (#3E773E): A full-bodied, balanced green — the color of fresh herbs.
• Forest (#004131): A deep, shadowed, dusty teal — the color of sea glass.
• Midnight (#00232B): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#000400): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Sophistication, Grounding. Tagged botanical, earthy, 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

• Patina Bronze Lantern color palette (#FAE5CF, #7A6700, #2F3C00, #00251A, #040300)
• Softworn Field color palette (#F9EFDD, #62701A, #02430B, #220D4A, #020300)
• Patina Pine color palette (#E2DFCB, #438A53, #005041, #3A1C3D, #000B02)
• Emerald Workshop color palette (#C7E9E5, #48A370, #005C42, #00332E, #000201)
• Tempered Jade color palette (#E9E6C9, #5FA777, #006A5D, #00455A, #001C0A)
• Denim Veranda color palette (#F6E4DA, #4C96A9, #004F75, #002C26, #000315)
• Wandering Garden color palette (#F5F2E6, #A2A379, #2D7455, #5E3A46, #1D1E05)
• Nightshade Canyon color palette (#E9EAFF, #4517BA, #493E00, #073315, #010009)

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