Patina Pine color palette — #FFF2EF · #B2677A · #308356 · #005E69 · #482A24

Fern takes the lead with Mocha close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Mocha (#B2677A): A luminous, balanced red — the color of embers at dusk.
• Fern (#308356): A full-bodied, balanced teal — the color of sea glass.
• Peacock (#005E69): A full-bodied, dusty blue — the color of open sky before noon.
• Espresso (#482A24): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged muted.

Use it as a design system

One click turns Patina Pine 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

• Denim Bloom color palette (#FFF2EB, #BA6650, #008374, #005691, #38312D)
• Softworn Rust color palette (#FFF2EE, #AD5A62, #006F49, #004561, #381F24)
• Olive Atelier color palette (#FFF1F4, #976FA7, #75761D, #00624A, #442A31)
• Fern Lantern color palette (#FFF2EA, #B3785D, #516E2F, #00525E, #3D2C60)
• Dusty Lagoon color palette (#FFF3E8, #B06104, #00747F, #2E32AA, #442100)
• Muted Bronze Harbor color palette (#FFF4E2, #C08875, #88621A, #005863, #5C3000)
• Frosted Brick color palette (#FFDCCE, #C3031A, #006851, #004260, #420004)
• Aged Harbor color palette (#FAF3F0, #DCDAD3, #C1C0B0, #A35F52, #4F4541)

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