Ancient Petrol color palette — #F4F6EF · #C7E5E6 · #749FBE · #36798B · #2C534A

Built around Slate, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#F4F6EF): bright and airy, almost weightless.
• Silver (#C7E5E6): A whisper-light, dusty teal — the color of sea glass.
• Blue Fog (#749FBE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#36798B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal Brown (#2C534A): A full-bodied, dusty teal — the color of shallow lagoons.

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

• Antique Petrol Hollow color palette (#EEF0E4, #78BFC6, #007587, #00504D, #003441)
• Dusty Petrol color palette (#F4F6EF, #C0E6D8, #688EB1, #006D89, #563E57)
• Timeworn Powder Harbor color palette (#EFF7F6, #D7DCEA, #90CFFD, #70ADBF, #445465)
• Lagoon Drift color palette (#F6F6E9, #8FDFDD, #009199, #00685B, #004953)
• Timeworn Navy color palette (#E2E6DB, #5785AB, #003C72, #00202E, #000721)
• Dusty Pewter color palette (#FFF1F0, #D19FB5, #799BC6, #9B5B79, #5D425F)
• Wandering Parlor color palette (#FFF2EF, #CA7F8E, #AB8148, #7E6C9C, #553B35)
• Patina Cocoa Ridge color palette (#FFF2EE, #E0D8CF, #D4C2A0, #A17A76, #7E3F28)

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