Ancient Petrol color palette — #E1F2F1 · #7AC0ED · #006BAE · #003B4D · #00020A

A conversation between Peacock and Sky, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1F2F1): bright and airy, almost weightless.
• Sky (#7AC0ED): A luminous, balanced blue — the color of a favorite pair of jeans.
• Peacock (#006BAE): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#003B4D): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Black (#00020A): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Dusty Pier color palette (#DDF4EF, #7DC5C5, #00757E, #003F37, #000304)
• Pale Lilac color palette (#E0EEFF, #AEC6FF, #998CED, #005F93, #000429)
• Pale Grape color palette (#E3F1FF, #006AB4, #8021A1, #004E46, #000104)
• Ancient Bloom color palette (#F4E8DE, #5991B3, #004499, #002B2D, #03001B)
• Washed Periwinkle Thicket color palette (#CCE1FF, #3E9AFE, #004F96, #001333, #000105)
• Washed Pine color palette (#E0F2FF, #0087C5, #1A7C0F, #004061, #000200)
• Washed Azure color palette (#ECF8F7, #CEDEFC, #5399CA, #00677C, #001F3C)
• Cornflower Villa color palette (#F2E4EA, #7AB8E0, #307DF4, #006C72, #110044)

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