Ancient Petrol color palette — #EDF7FE · #D9D7E7 · #B5BAD6 · #0073A2 · #34424C

A conversation between Slate and Ash, giving this palette its sense of trust and stability.

The five colors

• Ivory (#EDF7FE): bright and airy, almost weightless.
• Silver (#D9D7E7): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#B5BAD6): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#0073A2): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#34424C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Petrol Orchard color palette (#E7F6F1, #F0D6DF, #CFB6CA, #1771AB, #1A2924)
• Muted Orchard color palette (#E8EFF7, #C4CCDD, #9D9EB6, #005892, #262F38)
• Aged Alley color palette (#F5F4FB, #DFD8DD, #B5A9A2, #807CA4, #525258)
• Timeworn Violet Terrace color palette (#DFF8FF, #9AAED9, #9F68AC, #4B621A, #245754)
• Timeworn Villa color palette (#F3F4FF, #D5CEE7, #CC94A5, #6B3EA2, #2F3144)
• Hushed Periwinkle Harbor color palette (#EFF7F4, #EFDAE0, #DFBEC1, #45AEEF, #30453E)
• Frosted Summit color palette (#FFF1F6, #B7A15F, #647200, #374E84, #20432D)
• Timeworn Aubergine color palette (#EAECF6, #A9A6BE, #887796, #3E1186, #10131F)

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