Patina Pier color palette — #F5F3E0 · #A8BC6D · #00A9A2 · #B14270 · #273000

Magenta Rose and Turquoise set the tone — five colors that lean into nature and growth.

The five colors

• Cream (#F5F3E0): A whisper-light, dusty green — the color of fresh herbs.
• Sage (#A8BC6D): A luminous, balanced green — the color of a quiet forest floor.
• Turquoise (#00A9A2): A luminous, balanced teal — the color of sea glass.
• Magenta Rose (#B14270): A full-bodied, balanced rose — the color of pressed rose petals.
• Deep Forest (#273000): A deep, shadowed, dusty green — the color of new leaves after rain.

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

Use it as a design system

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

• Pale Plum Lagoon color palette (#FCEFE5, #EB9D65, #00AA97, #A74589, #462000)
• Gentle Rust Terrace color palette (#FDEFE3, #E99E64, #1BA2C5, #B54925, #442100)
• Gentle Periwinkle color palette (#F3F3E6, #92C271, #639BEF, #9F5000, #193300)
• Ancient Wisteria color palette (#F2F3E5, #88C574, #BD71C6, #A55A00, #442100)
• Softworn Aubergine Harbor color palette (#E3F7F5, #5FA878, #007AB0, #782186, #4B1A00)
• Patina Bronze color palette (#EDE2CD, #BEC9A3, #7DB2C7, #B2724E, #672E06)
• Misty Orchid color palette (#DCE5D2, #00BE8F, #9F60D9, #6C6400, #00261A)
• Teal Hollow color palette (#FAF5E5, #C8CEA5, #5EB2A0, #8A8749, #35362F)

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