Weathered Petrol color palette — #F4EDE3 · #82C3CD · #00728F · #003F38 · #000306

A conversation between Teal and Ash, giving this palette its sense of trust and stability.

The five colors

• Cream (#F4EDE3): bright and airy, almost weightless.
• Ash (#82C3CD): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00728F): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#003F38): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000306): quiet, heavy and certain.

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

• Wandering Sapphire color palette (#F3EDE4, #84BEE7, #0065C4, #003C47, #010015)
• Softworn Quarry color palette (#FDF4E7, #9AD6EE, #0082C0, #005154, #000C22)
• Hushed Cerulean Station color palette (#DEEFE2, #00A2B3, #005267, #00302B, #001624)
• Airy Cobalt color palette (#FCEBE3, #77BDC7, #008DC6, #007148, #020C3C)
• Azure Canyon color palette (#FDF4E6, #D3E8FD, #00A6E4, #007271, #002646)
• Tempered Plum color palette (#FDE1F3, #AC1B8D, #665800, #004B5B, #040002)
• Tempered Harbor color palette (#FCF4E8, #B8EAF0, #00C4D7, #008B68, #003C4B)
• Muted Peony Field color palette (#FFE0E3, #C163B5, #00763B, #5B0055, #000200)

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