Ancient Petrol color palette — #EDF3F7 · #D4D7E0 · #BABBCF · #3D7E9B · #232E35

Slate and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EDF3F7): bright and airy, almost weightless.
• Silver (#D4D7E0): a clean, paper-quiet neutral.
• Ash (#BABBCF): A luminous, dusty violet — the color of wild irises.
• Slate (#3D7E9B): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#232E35): a grounded near-black with real depth.

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

• Washed Delta color palette (#EFF2F9, #DCD3E5, #BBBBDE, #655CB5, #212430)
• Aged Veranda color palette (#DDE7FC, #A9B1CE, #7D7BA0, #665367, #442C3E)
• Dusty Abyss Chapel color palette (#D6E0E9, #96A1AD, #687D9C, #003A5A, #00050B)
• Softworn Corridor color palette (#EFF7F3, #CFE0E3, #D7C3CF, #567F69, #424A45)
• Lagoon Garden color palette (#E5F6F5, #8FC0A9, #098871, #2F5C67, #142C2D)
• Cobalt Workshop color palette (#D5E0ED, #2474D2, #243148, #0A1725, #03070B)
• Timeworn Turquoise Delta color palette (#F0F6FA, #D9DAE5, #CDC1C4, #55ABC6, #374146)
• Hazy Iris Veranda color palette (#E8F3FF, #A2E1FF, #B2B7FB, #728DEA, #0C213B)

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