Patina Petrol color palette — #D6E9E8 · #539CB2 · #3F6594 · #643237 · #341300

A conversation between Peacock and Cerulean, giving this palette its sense of trust and stability.

The five colors

• Frost (#D6E9E8): A whisper-light, dusty teal — the color of glacier melt.
• Cerulean (#539CB2): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#3F6594): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#643237): A deep, shadowed, dusty red — the color of embers at dusk.
• Onyx (#341300): A deep, shadowed, dusty orange — the color of autumn markets.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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

• Azure Chapel color palette (#D5F3FE, #5E96D5, #645F86, #622E00, #261700)
• Tempered Lagoon color palette (#E0F6DD, #22A088, #377580, #543652, #370A1A)
• Cocoa Parlor color palette (#E2F6E7, #84B2CF, #607098, #7A3C21, #362412)
• Hushed Cobalt Bloom color palette (#BCE8F4, #3282BC, #4D4B80, #471C11, #201100)
• Dusty Balcony color palette (#E0F3FF, #4369B9, #4A2F6A, #3C1900, #0A0700)
• Dusty Meadow color palette (#D7F5FC, #86ABC6, #5C84AD, #6D4E7B, #403452)
• Airy Cobalt Field color palette (#D3F1E7, #0087CA, #9C5800, #004B73, #1F0D00)
• Cerulean Summit color palette (#C7E7EC, #008BA8, #00668A, #003358, #01153A)

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