Patina Cobalt color palette — #F1F5FE · #DDD8E2 · #D7BCDB · #696EB5 · #181E2C

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

The five colors

• Ivory (#F1F5FE): bright and airy, almost weightless.
• Silver (#DDD8E2): bright and airy, almost weightless.
• Lavender (#D7BCDB): A whisper-light, dusty pink — the color of peonies in June.
• Slate (#696EB5): A full-bodied, balanced violet — the color of wild irises.
• Midnight (#181E2C): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged scandi, muted, light.

Use it as a design system

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

• Patina Study color palette (#EBEFF6, #D9CFDC, #C8B1C0, #798ED5, #292E38)
• Softworn Grape color palette (#F3F4FF, #E3D4E4, #C1B4D3, #6E47A2, #0B0B17)
• Tempered Courtyard color palette (#F4ECF0, #D5C8CE, #AF9AA1, #4C4A91, #372931)
• Timeworn Market color palette (#F6F4FC, #E6D7DF, #C0AB9D, #B454A4, #282035)
• Byzantium Cabin color palette (#E2E3FF, #9843D7, #3A1236, #1D111A, #030115)
• Peony Villa color palette (#F6F3FF, #DAAEE1, #BD6986, #525715, #002E13)
• Softworn Peony Grove color palette (#F3F4FF, #DFD6F3, #C4ABFF, #DE61B7, #230832)
• Timeworn Garnet color palette (#F3EDF7, #C5B5C5, #A8859E, #6A123E, #020004)

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