Ancient Petrol color palette — #EFF7F4 · #E0D4CF · #C9B8B3 · #4C7A9B · #3F4B47

Slate takes the lead with Stone close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#EFF7F4): a clean, paper-quiet neutral.
• Silver (#E0D4CF): a clean, paper-quiet neutral.
• Stone (#C9B8B3): A luminous, dusty orange — the color of autumn markets.
• Slate (#4C7A9B): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3F4B47): 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

• Aged Lagoon color palette (#EEF2F7, #D7D6DF, #C0B9CA, #4379AC, #242D37)
• Worn Indigo Basin color palette (#FEF1F6, #E5D6CF, #D0B5AE, #7358A8, #4B3A42)
• Worn Cerulean Boulevard color palette (#EFF7F5, #DED4D2, #A8A094, #6394C4, #3B4C47)
• Muted Chestnut Pier color palette (#D3FEE7, #CDA9C0, #997C7B, #71671A, #425535)
• Olive Chapel color palette (#FDF3EC, #C0AD89, #667C48, #6F4F59, #563E00)
• Dusty Workshop color palette (#E8DFE8, #B3A4AB, #92777A, #00366D, #1C0D1D)
• Hushed Cobalt Market color palette (#F0DFEB, #5C6AB6, #432A2F, #291925, #0A1314)
• Timeworn Aubergine color palette (#F5ECEE, #D7C8C8, #B09B93, #654380, #3B272E)

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