Patina Petrol color palette — #DDE9F1 · #B0AEC3 · #9E91A5 · #007DA2 · #011623

Cerulean and Ink set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#DDE9F1): bright and airy, almost weightless.
• Ash (#B0AEC3): A luminous, dusty violet — the color of a velvet chair.
• Heather (#9E91A5): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007DA2): A full-bodied, balanced blue — the color of open sky before noon.
• Ink (#011623): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Petrol 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 Coast color palette (#E1E8F1, #A59DAC, #958091, #3762A7, #030914)
• Aged Violet color palette (#E3E4F1, #CBBAC6, #BC9CA6, #916AC0, #1D1E2B)
• Ancient Fern Hollow color palette (#D4E9E2, #50A3B8, #7072A5, #326023, #002019)
• Weathered Lantern color palette (#E1E9E5, #AC99A9, #956F7E, #003C4F, #000603)
• Weathered Harbor color palette (#F2EDD5, #009AAA, #5F51C8, #544700, #000D17)
• Azure Lantern color palette (#EFF6FD, #DBD7EB, #D0B7D6, #00A3E8, #233543)
• Powdered Jade color palette (#D9F1E8, #4CAE73, #00817B, #2A5985, #001507)
• Wandering Cobalt Lantern color palette (#D0E7FF, #0084DD, #8F5400, #613900, #0B0700)

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