Ancient Petrol color palette — #E6F7EE · #7BBEDA · #C39065 · #277C9A · #35302B

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

The five colors

• Cream (#E6F7EE): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7BBEDA): A luminous, dusty blue — the color of a favorite pair of jeans.
• Camel (#C39065): A luminous, balanced gold — the color of honey in a jar.
• Slate (#277C9A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Espresso (#35302B): quiet, heavy and certain.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged 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

• Antique Garnet Meadow color palette (#E9F6EA, #7AC2C2, #C78A85, #068284, #561C00)
• Cobalt Boulevard color palette (#FCECF7, #A7AEE8, #A69E69, #656BAC, #33312A)
• Petrol Corridor color palette (#EDF8F3, #7DB9D4, #86A469, #007EA3, #41542E)
• Wandering Cerulean Corridor color palette (#EBF7FF, #98CDE5, #D8A57D, #009AC6, #664051)
• Dusty Orchard color palette (#E1F8F0, #6DA3C8, #B18163, #986F45, #132D25)
• Weathered Driftwood Courtyard color palette (#E0F9EE, #F3D8D2, #B1ADA0, #749377, #253D37)
• Petrol Quarry color palette (#F7EFF5, #D3C199, #546085, #3F283A, #1A1018)
• Washed Alley color palette (#D3FCF1, #A4D1F7, #5C8BB0, #214C6C, #001F38)

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