Ancient Petrol color palette — #EFF7F6 · #D4DDEE · #71A1B9 · #287B88 · #39566D

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F6): a clean, paper-quiet neutral.
• Silver (#D4DDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#71A1B9): A luminous, dusty blue — the color of open sky before noon.
• Teal (#287B88): A full-bodied, dusty blue — the color of deep harbor water.
• Peacock (#39566D): A full-bodied, dusty blue — the color of deep harbor water.

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

• Weathered Denim Field color palette (#D9ECE9, #72A8B7, #00607C, #003D42, #002333)
• Driftwood Summit color palette (#F2F5FF, #9B8DC9, #B67287, #33809F, #3D4156)
• Aged Lagoon color palette (#FBF4EF, #CBE9E7, #8DB6DA, #51948D, #5D4C5A)
• Weathered Harbor color palette (#D3E6E4, #5A87A0, #004065, #00212A, #000919)
• Washed Cypress color palette (#E9F9F5, #7FC7C3, #007D82, #00574A, #003A41)
• Timeworn Pier color palette (#F3F4FF, #DED7E0, #D7AEA7, #8687B9, #4C4C62)
• Antique Cobalt Terrace color palette (#E9F9F8, #AAD3F7, #2480DD, #006183, #223E70)
• Ancient Denim color palette (#EFF6FF, #A7B2E0, #777CC0, #605AA1, #484D6E)

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