Patina Petrol color palette — #E3EFF4 · #B9C6D2 · #9AA5BA · #006C81 · #0D222C

Peacock and Blue Fog set the tone — five colors that lean into trust and stability.

The five colors

• Frost (#E3EFF4): bright and airy, almost weightless.
• Oat (#B9C6D2): A whisper-light, dusty blue — the color of open sky before noon.
• Blue Fog (#9AA5BA): A luminous, dusty violet — the color of twilight just after sunset.
• Peacock (#006C81): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0D222C): 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 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

• Ancient Atelier color palette (#E9F1F8, #AEB5C0, #8F93AE, #005884, #001527)
• Wandering Orchard color palette (#E6EEF3, #BAC0D3, #A2A5C4, #008DB3, #142129)
• Ancient Ultramarine color palette (#DBDEE4, #C0C3D5, #A6A1BA, #2B51CF, #161F2F)
• Weathered Petrol Courtyard color palette (#D6ECEA, #749AAF, #50679F, #604100, #202E00)
• Cypress Garden color palette (#D7EAE2, #769F76, #007259, #004E5E, #002204)
• Wandering Indigo color palette (#ECEEF6, #D8D5E4, #C0B0CB, #785EBB, #2A2D3C)
• Gentle Ultramarine Villa color palette (#CBEAD7, #00919E, #2550B1, #453600, #001924)
• Muted Cerulean color palette (#F0F6FA, #D9D9E2, #C5BED1, #2E9CC6, #40494F)

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