Ancient Petrol Basin color palette — #ECF3F8 · #D7D6DD · #C2B8C5 · #547A95 · #262D32

Built around Slate, softened by Ash — the whole palette hums with sophistication.

The five colors

• Ivory (#ECF3F8): bright and airy, almost weightless.
• Silver (#D7D6DD): bright and airy, almost weightless.
• Ash (#C2B8C5): A luminous, dusty pink — the color of neon signs at night.
• Slate (#547A95): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Onyx (#262D32): quiet, heavy and certain.

Feels like: Sophistication. Tagged scandi, muted, light.

Use it as a design system

One click turns Ancient Petrol Basin 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 Pewter color palette (#F1F1F8, #DFD2DA, #C1B2BE, #745787, #201F29)
• Cobalt Field color palette (#F1F6FB, #DADAE4, #C3BDD0, #327BAC, #414950)
• Powder Bloom color palette (#CDF2FF, #9DB5D1, #848096, #3F6662, #153E3A)
• Ancient Cobalt color palette (#D7E0EF, #5871B7, #302E41, #0E1624, #02070B)
• Weathered Bloom color palette (#DFEAF5, #9BA0AD, #7C7698, #00395E, #00050D)
• Softworn Ash color palette (#EFF7F4, #DED4D2, #BFBEB0, #72A4CA, #36423E)
• Olive Courtyard color palette (#FDEDF5, #9BBDA3, #6E7C45, #51526E, #192C1F)
• Aubergine Courtyard color palette (#ECEAF6, #B9AFBE, #9C8694, #5D2C65, #0B0914)

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