Ancient Petrol color palette — #EFF7F3 · #93C9E3 · #A46786 · #2A7696 · #372A29

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

The five colors

• Ivory (#EFF7F3): bright and airy, almost weightless.
• Sky (#93C9E3): A luminous, dusty blue — the color of a favorite pair of jeans.
• Mocha (#A46786): A full-bodied, balanced rose — the color of a warm blush.
• Slate (#2A7696): A full-bodied, balanced blue — the color of deep harbor water.
• Espresso (#372A29): a grounded near-black with real depth.

Feels like: Trust, Stability, Sophistication. Tagged duotone, 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 Petrol color palette (#FBF2F7, #DAB2CB, #A5697A, #6466A1, #3A2926)
• Driftwood Terrace color palette (#F2F7F0, #B0C9A5, #8271AE, #227D6E, #392830)
• Wandering Cobalt Cabin color palette (#EDF2F9, #A9C6E9, #8678B2, #3372BE, #131522)
• Periwinkle Balcony color palette (#F7F6E6, #84AADA, #856B95, #4F603A, #56404F)
• Patina Denim Ridge color palette (#FCF2F6, #B1A6D9, #986033, #645197, #312011)
• Washed Bloom color palette (#D9FFF1, #A6BFEE, #8576AE, #714F7B, #6E3250)
• Hushed Cornflower color palette (#F8F3F8, #E3C6E6, #9693D4, #478FDF, #382831)
• Hushed Driftwood Meadow color palette (#F9F3F9, #E1D7D8, #AEACA1, #947792, #584F57)

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