Aged Petrol color palette — #EFF8F3 · #E1D3D0 · #C9B8B6 · #427C97 · #414A46

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8F3): a clean, paper-quiet neutral.
• Silver (#E1D3D0): bright and airy, almost weightless.
• Stone (#C9B8B6): a calm mid-gray that lets other colors speak.
• Slate (#427C97): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#414A46): 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 Aged 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

• Worn Petrol Dune color palette (#FEF1F8, #EFD4CC, #D0B5B0, #6361A4, #483B43)
• Hushed Garden color palette (#EFF7F4, #E0D4D2, #AFA093, #6D94B2, #3E4B47)
• Washed Chestnut Coast color palette (#E2FBE7, #C9B0C9, #9E787C, #72681B, #46543D)
• Washed Fern color palette (#F8F6E4, #7EC19B, #35817F, #675169, #394A00)
• Denim Alley color palette (#F4ECF0, #D9C7C9, #B89890, #564B7F, #362A30)
• Timeworn Abyss color palette (#E3F0EB, #BBA0B2, #9C727D, #003C5A, #031812)
• Cerulean Studio color palette (#EBF9F1, #0097BC, #954944, #514902, #263917)
• Tempered Pier color palette (#EEDFEC, #2966E4, #462732, #251B24, #081212)

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