Pine Drift color palette — #F7EFF5 · #BE7062 · #007E5C · #2C5677 · #1E1B29

Teal takes the lead with Caramel close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F7EFF5): bright and airy, almost weightless.
• Caramel (#BE7062): A luminous, balanced orange — the color of autumn markets.
• Teal (#007E5C): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#2C5677): A full-bodied, dusty blue — the color of open sky before noon.
• Midnight (#1E1B29): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Dusty Amber color palette (#ECF5EC, #B68945, #007687, #474373, #221622)
• Softworn Bloom color palette (#F4F0FB, #B7749E, #6C7500, #005855, #151B28)
• Rust Lantern color palette (#FFF2EB, #BF5D40, #1F736D, #3A5536, #3C2F37)
• Nightshade Workshop color palette (#FFEBF6, #B75600, #00605E, #0926A0, #150820)
• Patina Hollow color palette (#FFF2EC, #E57B70, #52997D, #3B698B, #412F32)
• Worn Harbor color palette (#E7F7EA, #DB9A78, #90752E, #1D5B6A, #39262D)
• Patina Bronze Delta color palette (#F7E9ED, #B17421, #2B4133, #28191E, #100B0D)
• Dusty Driftwood color palette (#F6F0F4, #DED4D3, #A4AFB9, #A57664, #393437)

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