Patina Petrol Lagoon color palette — #F9F4EE · #C8E7EA · #7B9CC3 · #2A7A8A · #614A5D

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

The five colors

• Ivory (#F9F4EE): bright and airy, almost weightless.
• Frost (#C8E7EA): A whisper-light, dusty blue — the color of deep harbor water.
• Blue Fog (#7B9CC3): A luminous, dusty blue — the color of open sky before noon.
• Teal (#2A7A8A): A full-bodied, dusty blue — the color of deep harbor water.
• 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 Lagoon 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 Turquoise Drift color palette (#F8F5EF, #CAE6DE, #4FA8B8, #427B69, #375145)
• Patina Powder color palette (#FBF2F6, #DAD4E3, #9CB1DE, #5A909C, #4D5166)
• Softworn Veranda color palette (#FFF1F5, #A888C3, #B27D3D, #34857F, #523B42)
• Softworn Petrol Cabin color palette (#F4EEE4, #79BECB, #007393, #00504A, #00314D)
• Cerulean Harbor color palette (#FAF4EC, #85E0E4, #008EA6, #006856, #08465D)
• Softworn Lantern color palette (#FFF1F6, #B9A4DC, #92A24B, #7D64A1, #4F4D46)
• Dusty Lagoon color palette (#FFF1F5, #E4D8D3, #E1C0A2, #A98097, #5E484C)
• Worn Villa color palette (#EBE2D4, #30A2A2, #00535E, #003124, #001720)

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