Patina Petrol color palette — #F0F6FA · #DAD9E1 · #C5BCCB · #2F7E9C · #3F4950

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#DAD9E1): a clean, paper-quiet neutral.
• Stone (#C5BCCB): A luminous, dusty violet — the color of wild irises.
• Cerulean (#2F7E9C): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#3F4950): quiet, heavy and certain.

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

• Softworn Market color palette (#ECF4F1, #DCD1CF, #D2B4B8, #4A7C97, #232F2A)
• Cypress Workshop color palette (#EBF9F3, #8CBAB6, #338279, #3C5D79, #244A48)
• Weathered Pewter Lantern color palette (#F4F4FC, #DED7DC, #BDAEBC, #705494, #383946)
• Abyss Quarry color palette (#DDE4E9, #A1A9BB, #7D7C96, #003C59, #061521)
• Muted Cypress color palette (#D1FDFD, #94B4C6, #7B86AB, #48704D, #2F5959)
• Worn Petrol Ridge color palette (#E3FCEF, #57A6AA, #5B659E, #555000, #1D4156)
• Navy Orchard color palette (#DDE1E9, #9899A4, #786A85, #160085, #040914)
• Aubergine Coast color palette (#E9E8F2, #BEB5C4, #9D8698, #680287, #1F1C30)

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