Patina Pine color palette — #F5F3E0 · #8AAB81 · #007847 · #6B3700 · #1D1E05

Built around Pine, softened by Bronze — the whole palette hums with nature and growth.

The five colors

• Cream (#F5F3E0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#8AAB81): A luminous, dusty green — the color of new leaves after rain.
• Pine (#007847): A full-bodied, balanced teal — the color of shallow lagoons.
• Bronze (#6B3700): A deep, shadowed, balanced gold — the color of afternoon light on wheat.
• Onyx (#1D1E05): A deep, shadowed, dusty green — the color of a quiet forest floor.

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

• Patina Pier color palette (#F2F3E7, #ACB995, #268676, #764A04, #242A19)
• Dusty Market color palette (#F0E3CB, #969D1A, #406900, #4C3C00, #161800)
• Lagoon Canyon color palette (#DEE0CF, #5F9D78, #006452, #27411C, #0F1500)
• Antique Jade color palette (#E7FBF0, #76AA74, #007362, #4E4660, #193C39)
• Hazy Veranda color palette (#F0F6CD, #7AB56F, #007E2E, #003D0F, #011401)
• Byzantium Archive color palette (#EBEAD9, #83B14D, #9042BC, #3E6100, #270F35)
• Softworn Pine color palette (#E4E4D4, #498958, #00503B, #412000, #070900)
• Sapphire Station color palette (#E3E6C2, #518E35, #0068DB, #98323F, #151500)

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