Patina Petrol color palette — #D8E3DE · #CDBFCE · #B69BB0 · #00698E · #14231D

Peacock takes the lead with Mauve close behind in a set that reads as trust and stability at first glance.

The five colors

• Silver (#D8E3DE): bright and airy, almost weightless.
• Stone (#CDBFCE): A whisper-light, dusty pink — the color of peonies in June.
• Mauve (#B69BB0): A luminous, dusty pink — the color of neon signs at night.
• Peacock (#00698E): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Onyx (#14231D): A deep, shadowed, dusty teal — the color of sea glass.

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 Cypress Field color palette (#E5EDE5, #B9C9BF, #8BAEA1, #006E72, #122414)
• Washed Cerulean color palette (#E6EDF1, #BFBED1, #B4A0C4, #008EB0, #10222B)
• Softworn Orchard color palette (#EFE6EC, #D3BDC6, #B89CA2, #5153AF, #291A24)
• Wandering Hollow color palette (#E8F2ED, #BFB5BE, #A58391, #004C62, #0B251A)
• Patina Station color palette (#EEF6FC, #D7D8E9, #A7BBE0, #00698D, #020E18)
• Pewter Chapel color palette (#D4E3F1, #8690BB, #7F619B, #6A421A, #2B2700)
• Wandering Navy Veranda color palette (#F9EBF2, #B19FA5, #9C7C82, #423880, #12050C)
• Dusty Delta color palette (#EFF7F4, #DFD4D2, #AAA093, #6595BA, #3E4B47)

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