Timeworn Petrol color palette — #EDF7FA · #D7DBE7 · #C0BECD · #4B7D8A · #3D4A4E

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

The five colors

• Ivory (#EDF7FA): bright and airy, almost weightless.
• Silver (#D7DBE7): bright and airy, almost weightless.
• Stone (#C0BECD): A luminous, dusty violet — the color of wild irises.
• Slate (#4B7D8A): A full-bodied, dusty blue — the color of open sky before noon.
• Charcoal (#3D4A4E): quiet, heavy and certain.

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

Use it as a design system

One click turns Timeworn 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 Petrol color palette (#F0F5FF, #E1D5E6, #B8AFC2, #506097, #343B47)
• Washed Petrol color palette (#EDF4EE, #CDDBD9, #ABC2C2, #2E828C, #272E29)
• Patina Powder Lantern color palette (#D1FAFF, #88BAD0, #7B7D9D, #546857, #35514B)
• Washed Abyss color palette (#E4F0F5, #9BACBB, #767F96, #004045, #01171F)
• Timeworn Pine Coast color palette (#EEF8F0, #A5B97E, #438360, #465D6A, #2B4941)
• Navy Villa color palette (#E2E8F5, #B8B6CC, #9986A4, #3B3A7E, #1A1F2B)
• Faded Celadon color palette (#EAF8FF, #95FFB5, #50C3F5, #9676B4, #273A4E)
• Aged Teal color palette (#FFF0F8, #00AEA9, #5267A1, #6E4128, #27414E)

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