Weathered Petrol color palette — #E0F3EF · #79C5D0 · #007388 · #003E3D · #000305

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

The five colors

• Cream (#E0F3EF): A whisper-light, dusty teal — the color of glacier melt.
• Aqua (#79C5D0): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007388): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#003E3D): A deep, shadowed, dusty teal — the color of glacier melt.
• Ink (#000305): a grounded near-black with real depth.

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

• Tempered Cobalt Alley color palette (#E9F9F7, #9CD5ED, #0084B6, #00505C, #000E1B)
• Denim Terrace color palette (#D6E4E3, #7AA8CB, #005699, #002938, #000106)
• Weathered Cerulean color palette (#EEDFEA, #3EC4D4, #008FBB, #006F57, #00142B)
• Hushed Canyon color palette (#E7FAF7, #CBDFF4, #00A9DA, #00717B, #00283C)
• Worn Atelier color palette (#EDDFEA, #539CA5, #005071, #00321C, #000C3D)
• Turquoise Market color palette (#EDF8F5, #C5DBF6, #00C6CF, #008A77, #003D44)
• Hushed Magenta color palette (#E8E2F9, #BC41BC, #007197, #640065, #000103)
• Cocoa Terrace color palette (#F2E2EB, #C16C3B, #842C00, #450300, #030100)

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