Patina Iris color palette — #FFF2EF · #A2D1FF · #7D8FC9 · #825170 · #3D2A3D

A conversation between Slate Blue and Sky, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FFF2EF): bright and airy, almost weightless.
• Sky (#A2D1FF): A whisper-light, balanced blue — the color of a favorite pair of jeans.
• Slate Blue (#7D8FC9): A luminous, balanced violet — the color of a velvet chair.
• Graphite (#825170): A full-bodied, dusty pink — the color of peonies in June.
• Espresso (#3D2A3D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Creativity, Sophistication. Tagged retro, muted.

Use it as a design system

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

• Aged Hollow color palette (#F2F9DD, #88DAEF, #539AC6, #73548A, #1E382C)
• Patina Field color palette (#FFF2EC, #D6BEFF, #AD7FB1, #8C5142, #422931)
• Frosted Summit color palette (#FCF1FF, #589DDD, #4C62B9, #6B3B5A, #2F3E51)
• Hushed Station color palette (#FEF0FE, #6CA0E7, #543E4F, #261926, #020705)
• Softworn Periwinkle Hollow color palette (#FEF4DD, #88D5E6, #8DA1E4, #908334, #244539)
• Cobalt Study color palette (#E5F7EB, #48ABC2, #5564B1, #544500, #122532)
• Ancient Wisteria Orchard color palette (#FFF2EA, #CB83D3, #9D487B, #613000, #22051F)
• Softworn Amethyst Market color palette (#FFF1F1, #95A1FF, #854ED1, #850031, #170A42)

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