Weathered Petrol color palette — #F4F6EF · #C5E7E6 · #67A2C1 · #2A7B89 · #365148

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

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C5E7E6): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#67A2C1): A luminous, dusty blue — the color of deep harbor water.
• Teal (#2A7B89): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#365148): A full-bodied, dusty teal — the color of sea glass.

Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Weathered 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 Petrol color palette (#EFF0E2, #81BEBF, #007681, #005049, #00343E)
• Timeworn Ash color palette (#F8F0EA, #BEEFED, #75A1C8, #587454, #40303D)
• Ash Field color palette (#E9FAF3, #82B8D7, #BC82B3, #327BA0, #664146)
• Antique Lagoon color palette (#FBF2F7, #D8D4E5, #90B6D9, #54938E, #475367)
• Weathered Archive color palette (#DBFFF2, #9ACCF4, #4A8BBF, #225579, #153F34)
• Ancient Cerulean color palette (#EBEFE0, #4388B1, #003F68, #00212B, #00091A)
• Patina Cocoa color palette (#FCF4E7, #C7B692, #917E4F, #705935, #584500)
• Weathered Studio color palette (#F5F6EF, #C9E3E0, #56A5BF, #2E7C7F, #40594E)

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