Patina Petrol color palette — #F4F6F0 · #C9E3E7 · #7B9BC8 · #3A7696 · #614A5D

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

The five colors

• Ivory (#F4F6F0): a clean, paper-quiet neutral.
• Silver (#C9E3E7): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7B9BC8): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3A7696): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#614A5D): A full-bodied, 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

• Softworn Courtyard color palette (#F5F6EF, #CBE1DF, #6BA2B8, #2D7B82, #2D5345)
• Washed Station color palette (#F2F7F1, #DBDDEC, #9BB0E6, #55919C, #4C5166)
• Aged Drift color palette (#F4F7E5, #7BC4D7, #007999, #00555A, #00384E)
• Denim Parlor color palette (#DDE1D4, #79A4C7, #0058A0, #003B50, #001A4E)
• Softworn Lagoon Workshop color palette (#E0E0D3, #468D8F, #00454C, #00231F, #000C0F)
• Tempered Pewter Coast color palette (#FFF2EE, #C48389, #A78342, #8765A5, #543B34)
• Patina Terracotta color palette (#FFE7E5, #D79EAE, #B46C7C, #974A52, #534B48)
• Weathered Cocoa color palette (#FFF2ED, #E0D9CE, #B8C3A1, #AB737B, #7D411E)

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