Patina Petrol color palette — #F4F6EF · #C6E4DA · #668EB6 · #246B85 · #563E56

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C6E4DA): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#668EB6): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#246B85): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal (#563E56): A deep, shadowed, dusty pink — the color of peonies in June.

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

• Hushed Cypress Quarry color palette (#F5F6EE, #C7E5D0, #4E95AB, #007073, #2D5041)
• Dusty Cypress color palette (#F8F0EA, #C6E4DA, #768EBA, #006B74, #401F34)
• Washed Powder color palette (#EEF7F7, #D6DBF2, #8FC2F7, #5EA2BF, #354962)
• Cobalt Balcony color palette (#F3F8E7, #9BD7FC, #2686C8, #00637B, #17416D)
• Muted Lilac color palette (#FFF1F5, #A072BF, #AB6368, #336E9B, #4A2F38)
• Tempered Cabin color palette (#E6E9DE, #3F8BA6, #00425C, #002127, #000A15)
• Hushed Driftwood color palette (#FFF1F4, #E3D6D1, #EDB8B6, #826E9E, #5C3F44)
• Turquoise Market color palette (#EEF0E1, #5AADB9, #006274, #003E3E, #00232F)

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