Patina Petrol color palette — #EDF7FA · #D6DCE7 · #BEBFCD · #4B7D8A · #404A4C

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

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D6DCE7): bright and airy, almost weightless.
• Stone (#BEBFCD): a calm mid-gray that lets other colors speak.
• Slate (#4B7D8A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#404A4C): a grounded near-black with real depth.

Feels like: 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

• Powder Ridge color palette (#D3F5FF, #9DC0DE, #788099, #596858, #3A514B)
• Worn Lagoon color palette (#EBF4F6, #D4D8E1, #BCBBCB, #2A8480, #242E30)
• Muted Abyss color palette (#D8EBF2, #93ADC0, #6A81A1, #004045, #03171E)
• Navy Villa color palette (#E2E7F2, #B7B6CC, #9388A5, #3C3D74, #1B1F29)
• Timeworn Delta color palette (#E9FAEF, #A5B887, #50805C, #3D606A, #2C4941)
• Aqua Harbor color palette (#E9F8FF, #6DEEC8, #00D4F4, #7C81BE, #213E55)
• Muted Teal color palette (#FFF0F8, #00ADAD, #426C9D, #713E23, #28414D)
• Lagoon Studio color palette (#E8F8FE, #009BA4, #834D7A, #6E3706, #4D3204)

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