Antique Petrol color palette — #E7F2E9 · #82B8E1 · #3668AC · #004D5D · #222B50

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

The five colors

• Cream (#E7F2E9): a clean, paper-quiet neutral.
• Sky (#82B8E1): A luminous, balanced blue — the color of deep harbor water.
• Slate (#3668AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Deep Teal (#004D5D): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#222B50): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Trust, Stability, Calm, Balance. 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

• Muted Dune color palette (#F3E5EA, #8AB9DD, #4769AD, #004A51, #15093C)
• Ancient Petrol Workshop color palette (#E8F1EA, #65C2C7, #007589, #005142, #003346)
• Dusty Lilac Corridor color palette (#EBF5FF, #BEC5FF, #AA84CD, #006283, #1F304A)
• Periwinkle Corridor color palette (#EDF0E6, #AFD9F9, #50A9FE, #008BB4, #122D55)
• Chalky Corridor color palette (#EAFAED, #91DCEA, #008CB2, #00675F, #004468)
• Hushed Boulevard color palette (#F6EDE4, #A3D0C1, #5A84D6, #006B73, #2A2653)
• Dusty Dune color palette (#C7E4EB, #0093B8, #006191, #004075, #132753)
• Cerulean Thicket color palette (#E3F1E6, #2A9DC3, #004E78, #002F32, #001330)

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