Ancient Petrol color palette — #F1F5FD · #DDD8E2 · #C9BAC9 · #637498 · #424851

A conversation between Slate and Stone, giving this palette its sense of sophistication.

The five colors

• Ivory (#F1F5FD): a clean, paper-quiet neutral.
• Silver (#DDD8E2): bright and airy, almost weightless.
• Stone (#C9BAC9): A luminous, dusty pink — the color of peonies in June.
• Slate (#637498): A full-bodied, dusty violet — the color of a velvet chair.
• Charcoal (#424851): a grounded near-black with real depth.

Feels like: 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

• Pewter Studio color palette (#F5F4FE, #E5D4DE, #C9B5C7, #895193, #403D4C)
• Timeworn Ash color palette (#E1EDFF, #ADACD5, #8E7B92, #4E6764, #364E55)
• Timeworn Navy Loft color palette (#DBE0E9, #A5A6C2, #837A95, #2B2F6C, #0D1322)
• Ancient Cypress color palette (#EAFAEF, #A6B788, #51805C, #55586F, #324741)
• Hushed Garnet color palette (#EBE4F0, #C6B2C3, #9E8692, #722248, #241B29)
• Violet Balcony color palette (#E0E3F5, #7D55C6, #352D46, #1C1E2B, #0D0C12)
• Washed Lilac color palette (#F2F5FF, #D5DAF9, #B1A5FF, #CB7593, #3B3A52)
• Hushed Periwinkle color palette (#E0FCF5, #6C96E5, #81578B, #405629, #343C54)

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