Patina Petrol color palette — #F0F6FA · #D8DAE3 · #BEBECD · #2B8098 · #3C4A52

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

The five colors

• Ivory (#F0F6FA): bright and airy, almost weightless.
• Silver (#D8DAE3): bright and airy, almost weightless.
• Stone (#BEBECD): A luminous, dusty violet — the color of wild irises.
• Cerulean (#2B8098): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#3C4A52): A full-bodied, dusty blue — the color of open sky before noon.

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

• Wandering Boulevard color palette (#ECF3F6, #D7D8E4, #C2BACF, #258293, #252E31)
• Softworn Cerulean color palette (#F1F7F3, #DFD4D2, #ABA293, #499DAF, #414A44)
• Antique Cypress color palette (#EBF9F5, #90B9B6, #45816E, #336170, #1F4B49)
• Softworn Abyss Summit color palette (#D8E3EB, #9FABB8, #6E7FA1, #003D55, #07151F)
• Patina Station color palette (#ECF7FF, #A5B1C6, #8384A0, #855F46, #3C5545)
• Dusty Market color palette (#F4F5FB, #DCD7DD, #B6B0C0, #6B5695, #383A45)
• Linen Courtyard color palette (#E7FBEB, #5CA2C0, #5066A5, #803117, #264056)
• Muted Navy color palette (#ECF0F7, #9499A8, #6D6E86, #030388, #030917)

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