Patina Petrol color palette — #F8F5EF · #C7E4DA · #698CBB · #006E82 · #593D53

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

The five colors

• Ivory (#F8F5EF): a clean, paper-quiet neutral.
• Silver (#C7E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#698CBB): A luminous, balanced blue — the color of deep harbor water.
• Teal (#006E82): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#593D53): A deep, shadowed, dusty pink — the color of neon signs at night.

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

• Iris Thicket color palette (#F6F1EB, #BCE7D8, #728BCD, #006D6A, #3E222F)
• Weathered Cypress Harbor color palette (#F8F5EF, #CEE3CD, #4A97A3, #007457, #2D503F)
• Cobalt Field color palette (#FCF4E8, #A8D5F1, #1881DC, #006472, #273C73)
• Muted Studio color palette (#FCF2F5, #D6DEFC, #81A2F2, #1F8C87, #404565)
• Abyss Ridge color palette (#F4ECE1, #599D9A, #00545D, #003123, #00171F)
• Soft Cobalt color palette (#FFF3E7, #C2956B, #3F90D0, #915500, #214563)
• Timeworn Byzantium Dune color palette (#FFF3E5, #AE7E3F, #008D8A, #8649A8, #3C3731)
• Patina Villa color palette (#FDF4E6, #65C9D2, #007B93, #00574A, #00384F)

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