Pine Drift color palette — #F6F1E7 · #B9B58D · #51825C · #744458 · #2B280D

Fern and Coffee set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F6F1E7): bright and airy, almost weightless.
• Sage (#B9B58D): A luminous, dusty green — the color of fresh herbs.
• Fern (#51825C): A full-bodied, dusty teal — the color of sea glass.
• Coffee (#744458): A full-bodied, dusty rose — the color of a warm blush.
• Onyx (#2B280D): A deep, shadowed, dusty green — the color of fresh herbs.

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

• Antique Chestnut Field color palette (#F3F2E8, #C0C7B1, #738B6B, #8D4E32, #2B3600)
• Antique Olive Summit color palette (#FDF0DF, #B0AA73, #557822, #684300, #252100)
• Weathered Emerald color palette (#ECF9F0, #A2D0C0, #5FA166, #7C698B, #2D4940)
• Airy Byzantium Delta color palette (#F3F4DE, #729B5C, #4C83BA, #9246A0, #202005)
• Garnet Basin color palette (#EBE5CC, #64A767, #006B54, #721328, #001D03)
• Fern Grove color palette (#EEE2D0, #8D9263, #316324, #4A3500, #171200)
• Olive Pier color palette (#F8F2DF, #ABA75F, #9081C6, #6D6700, #2A1C4C)
• Timeworn Bronze color palette (#F8F2DD, #C7E0C8, #8FD2EB, #996C30, #31302A)

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