Ancient Petrol color palette — #F1F3EB · #C4E2E2 · #7CA798 · #307586 · #193E35

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

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C4E2E2): A whisper-light, dusty teal — the color of shallow lagoons.
• Taupe (#7CA798): A luminous, dusty teal — the color of sea glass.
• Teal (#307586): A full-bodied, dusty blue — the color of deep harbor water.
• Forest (#193E35): A deep, shadowed, dusty teal — the color of shallow lagoons.

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

Use it as a design system

One click turns Ancient 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

• Hushed Petrol Drift color palette (#E9EADF, #9CBDA2, #00788A, #004B48, #001921)
• Patina Market color palette (#E2E6D3, #72A5B9, #006084, #003840, #000C18)
• Patina Petrol Summit color palette (#F0F3EC, #C2E4EA, #AE91AE, #44718B, #422E40)
• Wandering Coast color palette (#DDF9F0, #69A2D1, #9F7DB8, #348978, #112D26)
• Worn Lagoon Workshop color palette (#F2F3E8, #93E0DD, #00959C, #006356, #002B31)
• Antique Orchard color palette (#E0F8F1, #F4D7D2, #B3A89B, #6E9786, #483B48)
• Wandering Cerulean Summit color palette (#EFF7F6, #D6DCEB, #88B8D8, #4293A6, #425567)
• Softworn Navy color palette (#E3E9D8, #4D7EA2, #003D6D, #001D29, #000106)

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