Ancient Petrol color palette — #ECF4EF · #CBDCDC · #ABC2C5 · #467E8F · #242F29

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

The five colors

• Cream (#ECF4EF): bright and airy, almost weightless.
• Silver (#CBDCDC): bright and airy, almost weightless.
• Ash (#ABC2C5): A luminous, dusty blue — the color of deep harbor water.
• Slate (#467E8F): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Deep Forest (#242F29): quiet, heavy and certain.

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

• Petrol Quarry color palette (#EFF7FB, #D7D9E1, #BDBDCE, #2B8094, #3C4A51)
• Patina Lagoon color palette (#F1F4E4, #93C09F, #448467, #4C5A46, #25291A)
• Petrol Boulevard color palette (#FAEEF6, #ECCFD0, #D0B7C2, #5A65A5, #2F1F2A)
• Dusty Driftwood color palette (#F6EFF6, #DFD3D6, #B5A9A6, #937895, #39343A)
• Tempered Sky color palette (#DDFAEE, #C1E1FF, #61C2F7, #5E8CCC, #092B23)
• Ancient Abyss color palette (#D7E2DD, #8CA79E, #89738B, #003C52, #000603)
• Tempered Denim Alley color palette (#E7F6F1, #E0CCE2, #C19FBC, #006194, #002018)
• Cobalt Orchard color palette (#CEEBE2, #007AC2, #3D293D, #061A15, #030806)

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