Patina Petrol Station color palette — #F0F6FC · #DCD7E6 · #B9B7E1 · #2D6BB3 · #36414D

Built around Royal Blue, softened by Lavender — the whole palette hums with trust and stability.

The five colors

• Ivory (#F0F6FC): bright and airy, almost weightless.
• Silver (#DCD7E6): A whisper-light, dusty violet — the color of a velvet chair.
• Lavender (#B9B7E1): A luminous, dusty violet — the color of wild irises.
• Royal Blue (#2D6BB3): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#36414D): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Patina Petrol Station 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 Indigo color palette (#F3F4FE, #E5D4E3, #C7B4CF, #7955A6, #3D3E4C)
• Wandering Denim Bloom color palette (#EAEFF7, #C8CBDB, #A19DB4, #344F9A, #282E38)
• Muted Harbor color palette (#F6F4FA, #E0D7DB, #B5ABA1, #9A7394, #535158)
• Timeworn Pier color palette (#D2EAFF, #AAA9E8, #AA6898, #3C6A45, #1E5250)
• Wandering Periwinkle color palette (#FBF2FA, #E8D4D6, #B3ADA1, #6EA4F9, #4A394A)
• Mulberry Courtyard color palette (#ECF7FF, #0087BF, #A40054, #354700, #003A2E)
• Velvet Market color palette (#E2E9FF, #6445DE, #3E1745, #11162C, #070611)
• Olive Garden color palette (#E8FBEB, #A4A960, #317D00, #4D4A7B, #164434)

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