Patina Petrol color palette — #E4F7EE · #7ABDE0 · #C2906B · #297B9F · #36302B

Slate and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E4F7EE): A whisper-light, dusty teal — the color of shallow lagoons.
• Sky (#7ABDE0): A luminous, balanced blue — the color of open sky before noon.
• Camel (#C2906B): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#297B9F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#36302B): a grounded near-black with real depth.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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 Petrol Ridge color palette (#ECF9F3, #89B7D1, #C08B6E, #007CAB, #69422D)
• Petrol Summit color palette (#FBEDF6, #A7AEE7, #A39F64, #666CA4, #33312A)
• Cypress Delta color palette (#EBF6E6, #75C5B5, #C8888E, #028474, #462820)
• Antique Cerulean Delta color palette (#EDF7FD, #98CDE5, #DBA475, #2C99C1, #644150)
• Ancient Periwinkle color palette (#DEF9F1, #6BA2D1, #B18261, #9D6B47, #112D26)
• Weathered Balcony color palette (#D3FDF1, #3B9EEE, #A47C00, #005F9C, #2B1E00)
• Timeworn Driftwood color palette (#E7F6EE, #EFD3CD, #AEAD9C, #7B9273, #463746)
• Wandering Veranda color palette (#D8FBF0, #ADCEF6, #638FB8, #255375, #2F1632)

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