Ancient Petrol color palette — #C4E6E7 · #4DAEC4 · #0076A0 · #493D67 · #140E2C

A conversation between Slate and Cyan, giving this palette its sense of trust and stability.

The five colors

• Silver (#C4E6E7): A whisper-light, dusty teal — the color of sea glass.
• Cyan (#4DAEC4): A luminous, balanced blue — the color of deep harbor water.
• Slate (#0076A0): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#493D67): A deep, shadowed, dusty violet — the color of a velvet chair.
• Ink (#140E2C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Balance. Tagged vintage, retro, 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

• Pale Cabin color palette (#C0E8FF, #6BA6E1, #586A9C, #5D345B, #2B071B)
• Lagoon Garden color palette (#C0F0D3, #7CB6A4, #008989, #1E3E71, #0C0B34)
• Muted Courtyard color palette (#CAEFEF, #00A7B2, #006D7D, #003F4E, #001219)
• Washed Corridor color palette (#EBF8F7, #91D9EC, #0087AA, #005056, #000F18)
• Ancient Hollow color palette (#EBF7FF, #0CB2F1, #006C95, #002636, #000103)
• Lagoon Lantern color palette (#DDF4EC, #2B9094, #26576F, #4A2034, #240001)
• Pale Olive Drift color palette (#D9F3FF, #00A4BA, #788200, #005765, #070800)
• Hushed Delta color palette (#E6F0FF, #747BB5, #5C418D, #40031E, #070001)

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