Patina Petrol color palette — #F4E4EC · #83BDD7 · #3A6BAE · #004C42 · #140E35

Built around Slate, softened by Deep Indigo — the whole palette hums with trust and stability.

The five colors

• Blush (#F4E4EC): A whisper-light, dusty rose — the color of a warm blush.
• Sky (#83BDD7): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A6BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004C42): A deep, shadowed, dusty teal — the color of glacier melt.
• Deep Indigo (#140E35): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Trust, Stability, Creativity, 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

• Petrol Basin color palette (#E9F1EA, #87B9D1, #1C6DA5, #004F55, #142D54)
• Worn Spruce Lantern color palette (#E7DFE8, #59ACA8, #006278, #033D08, #000B1B)
• Forest Pier color palette (#F9EEF8, #A7D9E8, #0090B7, #00672C, #00244D)
• Patina Drift color palette (#FAF4EB, #C5F1DD, #5598CD, #006971, #051C42)
• Worn Coast color palette (#F7EFF3, #D7D1E4, #859DC6, #42747D, #303549)
• Plum Harbor color palette (#F2E0FF, #B52778, #006D68, #035062, #1C000E)
• Timeworn Navy color palette (#F1DCE2, #537DA0, #28307D, #001F20, #020007)
• Taupe Cabin color palette (#EBDFFE, #EDB6A5, #BEA355, #6C518E, #251029)

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