Patina Petrol color palette — #F0F7F2 · #C7E0F4 · #6A8DB7 · #006E80 · #384864

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

The five colors

• Ivory (#F0F7F2): bright and airy, almost weightless.
• Powder Blue (#C7E0F4): A whisper-light, dusty blue — the color of deep harbor water.
• Slate Blue (#6A8DB7): A luminous, dusty blue — the color of deep harbor water.
• Teal (#006E80): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#384864): A full-bodied, dusty violet — the color of wild irises.

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

• Tempered Iris Hollow color palette (#F7EFF2, #C8E0F4, #758BC7, #006D6A, #262946)
• Dusty Lagoon color palette (#F9F4EF, #C2E6E9, #8EA3DA, #008D89, #4B4165)
• Hushed Denim color palette (#E0EAE2, #5FACB7, #006179, #003F37, #002235)
• Antique Abyss Pier color palette (#E4F3E7, #55899B, #004161, #002223, #00091A)
• Timeworn Cerulean Canyon color palette (#F0F7F1, #A0CEDB, #008799, #00624C, #0D4152)
• Frosted Drift color palette (#FDF0FF, #BE6D7A, #65883E, #386C9F, #442F47)
• Petrol Summit color palette (#E7F2E9, #98B5D0, #3966B1, #004D5F, #222858)
• Antique Cabin color palette (#FDF0FF, #E9D6D8, #E8B890, #9F748A, #5E4B5C)

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