Timeworn Petrol color palette — #F2F5FB · #ADC0E8 · #8B6FA8 · #5867AD · #2C2C3A

Slate and Slate set the tone — five colors that lean into creativity and sophistication.

The five colors

• Ivory (#F2F5FB): bright and airy, almost weightless.
• Sky (#ADC0E8): A luminous, dusty violet — the color of twilight just after sunset.
• Slate (#8B6FA8): A full-bodied, balanced violet — the color of a velvet chair.
• Slate (#5867AD): A full-bodied, balanced violet — the color of twilight just after sunset.
• Onyx (#2C2C3A): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Creativity, Sophistication. Tagged duotone, muted.

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

• Byzantium Atelier color palette (#F5F4FC, #D3B4D8, #A5687C, #904F9B, #342939)
• Washed Field color palette (#EDF3F9, #A1C8EE, #B86481, #4375A6, #19131B)
• Hushed Cerulean Pier color palette (#F9F3F9, #B2D5FB, #CB81A1, #5B90C8, #362A29)
• Airy Mulberry Dune color palette (#F3F4FF, #B6B5DF, #9C77A5, #7D3D77, #712235)
• Antique Chestnut Delta color palette (#FFF0F9, #B89CC0, #996386, #824922, #494458)
• Ancient Garnet Boulevard color palette (#E5E2EF, #9B5C95, #790028, #560052, #09000B)
• Nightshade Lantern color palette (#D9DFEE, #5348AE, #400055, #1C0059, #02000C)
• Patina Aubergine color palette (#E9EAFA, #9977B8, #8B006A, #5D008C, #1D0114)

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