Patina Pine color palette — #E2FBF8 · #75B07B · #B26EA9 · #2C773A · #583353

Olive and Dusty Rose set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#E2FBF8): A whisper-light, dusty teal — the color of sea glass.
• Jade (#75B07B): A luminous, balanced green — the color of new leaves after rain.
• Dusty Rose (#B26EA9): A luminous, balanced pink — the color of a candy shop window.
• Olive (#2C773A): A full-bodied, balanced green — the color of a quiet forest floor.
• Mulberry (#583353): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Nature, Growth, Creativity, Balance. Tagged warm.

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

• Olive Villa color palette (#E4F7F3, #8DAF81, #B574A3, #317700, #3B1933)
• Feathered Olive Lantern color palette (#E6FBF2, #9DA757, #8A7FBF, #646C04, #433B65)
• Cypress Ridge color palette (#E8F9FB, #79C0B1, #C0849A, #2F8274, #584462)
• Emerald Boulevard color palette (#F6F7E7, #9DC58B, #D785BE, #479607, #5C3150)
• Pale Emerald color palette (#DBFDFB, #419E65, #6574C1, #9F4D3B, #12403F)
• Plum Archive color palette (#BDEFF3, #009C78, #BE2284, #005D46, #560038)
• Patina Scarlet color palette (#E7F9FF, #00A7B1, #D04B4B, #00696F, #6C1519)
• Hushed Bronze color palette (#EAFAEA, #B6A679, #8C6C3F, #6C482D, #2D4338)

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