Patina Pier color palette — #FFF1F1 · #D68FB6 · #0091B3 · #3F5DA8 · #27121A

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

The five colors

• Ivory (#FFF1F1): a clean, paper-quiet neutral.
• Mauve (#D68FB6): A luminous, balanced rose — the color of pressed rose petals.
• Cerulean (#0091B3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Cobalt (#3F5DA8): A full-bodied, balanced violet — the color of wild irises.
• Ink (#27121A): A deep, shadowed, dusty rose — the color of pressed rose petals.

Feels like: Trust, Stability, Creativity, Balance. Tagged jewel, vibrant.

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

• Linen Bloom color palette (#FFF2EE, #DA868D, #4D84C4, #604895, #2A0F11)
• Softworn Lilac Villa color palette (#FFF1F6, #C0A1EB, #009588, #00617E, #261022)
• Muted Indigo color palette (#FDF2EF, #EFABAC, #6B94CB, #795FA6, #301C1C)
• Softworn Blush color palette (#FFF2ED, #FF9691, #00B7B5, #8777B8, #3D251C)
• Hushed Lagoon color palette (#F6F7E6, #A0C98B, #00A08F, #006585, #202652)
• Rose Archive color palette (#FFF2EE, #F31659, #0064B6, #4F00AF, #10000A)
• Indigo Pier color palette (#FFF2EB, #F47F59, #5E59F1, #7F09A2, #24000C)
• Dusty Meadow color palette (#FFECF3, #B06100, #006D85, #004555, #140F1D)

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