Patina Petrol color palette — #DEECEC · #84BBDE · #0070B2 · #00485C · #001631

A conversation between Slate and Sky, giving this palette its sense of trust and stability.

The five colors

• Frost (#DEECEC): bright and airy, almost weightless.
• Sky (#84BBDE): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0070B2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#00485C): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001631): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light, muted.

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

• Hushed Cypress color palette (#DFECE9, #89BDCB, #007A81, #004C42, #001A1E)
• Petrol Field color palette (#F7ECE3, #71BBE6, #3D68A6, #004F52, #272951)
• Hushed Cobalt color palette (#EAF4F4, #B1CAE4, #417CCA, #005678, #111F3D)
• Worn Archive color palette (#DDEBE9, #3997B1, #00516B, #002B30, #00050A)
• Dusty Quarry color palette (#D9E3D2, #477B00, #006C6F, #6D4000, #050E00)
• Quiet Jade color palette (#D0F4EC, #9DD4A5, #3CB68C, #526600, #001E1C)
• Wandering Moss color palette (#E7E2C2, #8A8500, #5D6200, #2E3700, #0C1600)
• Faded Moss color palette (#DEE9D9, #75AC4F, #2D6500, #162C00, #020900)

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