Patina Petrol color palette — #F0F6FE · #DCD7E9 · #B7BAD1 · #466AA4 · #324154

Slate and Charcoal set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F0F6FE): bright and airy, almost weightless.
• Silver (#DCD7E9): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B7BAD1): A luminous, dusty violet — the color of a velvet chair.
• Slate (#466AA4): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal (#324154): 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

• Sapphire Boulevard color palette (#EBF3FC, #D9D3E0, #C2BAD7, #006BC5, #1A2633)
• Denim Delta color palette (#EBEFF5, #C8CBD9, #9E9DB9, #415188, #252E3E)
• Dusty Cornflower color palette (#FAF2FA, #E6D5D5, #D1B9B0, #2B86E9, #4B384C)
• Softworn Study color palette (#F6F4FB, #DFD7DB, #B3AAA4, #9B7391, #54515A)
• Aubergine Hollow color palette (#EDEDF9, #ABA6B4, #887892, #540570, #131027)
• Weathered Lilac color palette (#E9EEFF, #B59CD7, #9E6E8D, #6C5F1B, #3B511F)
• Lapis Pier color palette (#E5E9F7, #664CCE, #361F44, #12162B, #070512)
• Olive Chapel color palette (#E6FBEF, #9AAC66, #457837, #215678, #354010)

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