Pine Drift color palette — #FCF4E7 · #B7B189 · #46825C · #2A6270 · #4C4300

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

The five colors

• Ivory (#FCF4E7): bright and airy, almost weightless.
• Sage (#B7B189): A luminous, dusty green — the color of a quiet forest floor.
• Fern (#46825C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#2A6270): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Olive (#4C4300): A deep, shadowed, dusty green — the color of new leaves after rain.

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

• Cocoa Market color palette (#FEF3EA, #C0AD8B, #6B7B47, #684E72, #573D00)
• Ancient Atelier color palette (#F8F6E8, #A9B591, #32817F, #555F35, #394A00)
• Weathered Market color palette (#F7F5EC, #B1CFA1, #57A270, #65785F, #464500)
• Timeworn Drift color palette (#EAF5F0, #A1BD92, #438559, #265E68, #142C28)
• Softworn Pine Harbor color palette (#FEF3E6, #A59B73, #367242, #6B3558, #37352F)
• Hushed Dune color palette (#EBF9EE, #C9DEA7, #85BA9C, #7895A5, #2E4941)
• Soft Moss color palette (#F2EBD8, #68A35E, #006A58, #004968, #093902)
• Washed Cerulean color palette (#FFF0FC, #E8D9D7, #EBBBA9, #178FAA, #5C444F)

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