Patina Coast color palette — #F6F3FF · #EEC5EF · #A3D6A9 · #C893CA · #285653

Built around Mauve, softened by Pistachio — the whole palette hums with nature and growth.

The five colors

• Ivory (#F6F3FF): bright and airy, almost weightless.
• Thistle (#EEC5EF): A whisper-light, dusty pink — the color of a candy shop window.
• Pistachio (#A3D6A9): A whisper-light, balanced green — the color of fresh herbs.
• Mauve (#C893CA): A luminous, balanced pink — the color of neon signs at night.
• Peacock (#285653): A full-bodied, dusty teal — the color of shallow lagoons.

Feels like: Nature, Growth, Creativity, Sophistication, Softness, Clarity. Tagged light, muted.

Use it as a design system

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

• Muted Lilac Orchard color palette (#FFF1F5, #F7D2CB, #97DEB6, #B680D5, #454740)
• Hushed Blush Veranda color palette (#FBF2FC, #FFC2C8, #7EDAD0, #DD8F97, #2B545C)
• Periwinkle Pier color palette (#F1F5FF, #CAD2FF, #D2C984, #99A3E2, #365545)
• Worn Canyon color palette (#F4F4FF, #D9B4E8, #84C299, #A17CB1, #275655)
• Hushed Mallow color palette (#F6F3FF, #EBB1E2, #D2BC79, #78BBC9, #453F51)
• Peony Workshop color palette (#F9F2FF, #FFA4D4, #27E1AE, #E73BA7, #004633)
• Patina Boulevard color palette (#FAE7FD, #FF9EAF, #27D5CE, #CB5E75, #003E3C)
• Hushed Jade color palette (#FFECEF, #CDA3CF, #72AE69, #905B93, #31322B)

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