Ancient Petrol color palette — #E3ECE4 · #77C2C2 · #007988 · #004D3B · #001923

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

The five colors

• Parchment (#E3ECE4): bright and airy, almost weightless.
• Mint Leaf (#77C2C2): A luminous, dusty teal — the color of glacier melt.
• Teal (#007988): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004D3B): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#001923): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

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

• Petrol Courtyard color palette (#E0EDE2, #96B8D3, #396DA6, #004A55, #06113A)
• Dusty Canyon color palette (#DEEAE0, #67A7B8, #006083, #003938, #000B1A)
• Muted Forest Boulevard color palette (#F8EBE8, #9FBA9F, #007391, #00541E, #052E57)
• Timeworn Cerulean Bloom color palette (#E8F6EB, #97DBF4, #358BBD, #006264, #00254B)
• Cerulean Villa color palette (#DDEDE0, #3E8491, #004257, #001F1D, #000103)
• Pale Forest Canyon color palette (#FCF1FC, #AFF4F4, #00A1CA, #006F2B, #001E3F)
• Hushed Crimson color palette (#F2DEF1, #D04B56, #007A7F, #870021, #001617)
• Chestnut Lantern color palette (#D0E9D5, #90884C, #6B5100, #472900, #0D1000)

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