Ancient Petrol color palette — #E9F4F9 · #ACCDB3 · #316A7A · #193542 · #0A161B

Peacock takes the lead with Pistachio close behind in a set that reads as nature and growth at first glance.

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Pistachio (#ACCDB3): A luminous, dusty teal — the color of sea glass.
• Peacock (#316A7A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#193542): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#0A161B): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged luxury, dark, 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

• Muted Petrol color palette (#F0F7F4, #DEB6A7, #2E6580, #164233, #14292A)
• Ancient Denim Thicket color palette (#EEF2FC, #C8B07F, #504F7E, #1D2543, #080C19)
• Aged Petrol color palette (#EBF3F9, #94CCEA, #9575A1, #367A9B, #16141F)
• Ancient Lagoon Courtyard color palette (#EEF8F2, #E2CEAE, #5E8870, #355543, #222F27)
• Aged Powder color palette (#E8F6EB, #90ADDA, #7F6F9D, #6C4452, #252C3C)
• Chestnut Study color palette (#D5EEFE, #705300, #382E30, #001721, #000103)
• Patina Turquoise color palette (#E4F5FF, #48A1C1, #A97177, #76582B, #14252F)
• Patina Veranda color palette (#E8F3FF, #A8BDE9, #8485BA, #5C487C, #3C1745)

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