Antique Petrol color palette — #E7F1F0 · #93B6CF · #176FA0 · #004D5D · #003054

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

The five colors

• Cream (#E7F1F0): bright and airy, almost weightless.
• Ash (#93B6CF): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#176FA0): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Navy (#003054): A deep, shadowed, balanced 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 Antique 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

• Cobalt Boulevard color palette (#EFF7F7, #ADC8E1, #4B7BAE, #005B79, #233A60)
• Washed Ridge color palette (#E2F3EE, #80BFB9, #007779, #005142, #00353A)
• Sapphire Loft color palette (#F0E6EA, #90B9D5, #006BC4, #004B4B, #0D1036)
• Antique Periwinkle color palette (#ECF1E0, #9EDDFF, #38AEF7, #008DA9, #042F53)
• Patina Abyss Villa color palette (#DCECEA, #549BAC, #005268, #002F32, #001622)
• Worn Petrol color palette (#EFF7F7, #D7DBEC, #779EC1, #317891, #425469)
• Tempered Navy Alley color palette (#E6F2F2, #6683A2, #00397E, #002030, #010030)
• Chalky Workshop color palette (#F2D5E1, #BA660B, #007F4A, #6F3900, #00321A)

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