Patina Atelier color palette — #F0F1F8 · #BAC0E9 · #AF6E6A · #7962A9 · #1E101D

Slate and Mocha set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F0F1F8): bright and airy, almost weightless.
• Lavender (#BAC0E9): A luminous, dusty violet — the color of wild irises.
• Mocha (#AF6E6A): A luminous, balanced orange — the color of autumn markets.
• Slate (#7962A9): A full-bodied, balanced violet — the color of twilight just after sunset.
• Ink (#1E101D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

Use it as a design system

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

• Worn Canyon color palette (#EDF2F8, #9FC8EE, #B66876, #2477B5, #1C111E)
• Plum Grove color palette (#F3F0F7, #CDBAE2, #9F7C3F, #A25281, #0E1910)
• Timeworn Harbor color palette (#FAF3F6, #D4C9F7, #D87F74, #927EC7, #332C29)
• Dusty Hollow color palette (#EFF1FF, #BDB4DB, #AF758A, #8A3133, #431C00)
• Patina Driftwood color palette (#E6F7EF, #BB9FC8, #A2646B, #005E63, #30273E)
• Aubergine Alley color palette (#E6E3EF, #B076AC, #714D00, #750074, #000300)
• Weathered Wisteria color palette (#FBF3F4, #E5D1D0, #DD97AB, #BE7DCF, #291A18)
• Tempered Forest color palette (#F6EFF8, #BF7D91, #905743, #095835, #151B2E)

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