Patina Petrol color palette — #D8E0E3 · #BAC6D1 · #9BA4C0 · #006D7C · #0C222B

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

The five colors

• Silver (#D8E0E3): bright and airy, almost weightless.
• Oat (#BAC6D1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Blue Fog (#9BA4C0): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#006D7C): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#0C222B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Cerulean Meadow color palette (#DBE2E6, #BBC0D4, #A5A4C3, #008FAC, #0F222B)
• Ancient Petrol Studio color palette (#F0F7F2, #CADEE1, #D3AEC3, #006C7A, #050F08)
• Hushed Abyss color palette (#E6EDE8, #ACBDB7, #9A8799, #004D5E, #0F2419)
• Cobalt Bloom color palette (#ECEEF6, #D8D5E5, #BFB2C2, #7066AA, #292D3E)
• Aged Cypress Delta color palette (#DCECE2, #799F68, #007259, #004C68, #00201C)
• Cerulean Orchard color palette (#CAEDEC, #6F93BC, #6B6C92, #4E4B1C, #2F2B00)
• Navy Balcony color palette (#E3E8F1, #A1A3B7, #8C809C, #243F86, #040913)
• Nightshade Corridor color palette (#D7EBD9, #009394, #3D4DA9, #4B3300, #001923)

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