Ancient Petrol color palette — #F0F7F4 · #9FCCB9 · #AA657A · #0077A1 · #3C2825

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

The five colors

• Ivory (#F0F7F4): bright and airy, almost weightless.
• Pistachio (#9FCCB9): A luminous, dusty teal — the color of shallow lagoons.
• Mocha (#AA657A): A full-bodied, balanced red — the color of embers at dusk.
• Cerulean (#0077A1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#3C2825): A deep, shadowed, dusty orange — the color of toasted spice.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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

• Timeworn Cobalt Station color palette (#EFF7F5, #9EC5E9, #AD6A47, #1671B4, #332C28)
• Driftwood Courtyard color palette (#F2F7F0, #B1C8A8, #9669A5, #007F71, #3C272C)
• Driftwood Garden color palette (#EDF2F9, #A0C6F8, #9E6EA8, #4E73A5, #161420)
• Antique Wisteria color palette (#F9F3F9, #B5D4FD, #BD80CD, #628ECA, #38292C)
• Worn Forest color palette (#F2F8EA, #7EAFC9, #836B99, #166949, #534152)
• Gentle Mulberry color palette (#DAFFEE, #B1C1EC, #8576AD, #8B3D74, #772F3C)
• Fern Garden color palette (#FDF2F5, #9F7DB1, #885C88, #544F00, #43313F)
• Muted Archive color palette (#F3E3E7, #80509D, #4B2A00, #3C0055, #040100)

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