Timeworn Petrol color palette — #EFF1FF · #F1D1FF · #DAA2D3 · #6960A7 · #341C41

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

The five colors

• Ivory (#EFF1FF): a clean, paper-quiet neutral.
• Thistle (#F1D1FF): A whisper-light, dusty pink — the color of peonies in June.
• Carnation (#DAA2D3): A luminous, balanced pink — the color of a candy shop window.
• Slate (#6960A7): A full-bodied, balanced violet — the color of twilight just after sunset.
• Deep Indigo (#341C41): A deep, shadowed, dusty violet — the color of wild irises.

Feels like: Creativity, Balance. Tagged pastel, light, 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

• Washed Station color palette (#ECF2FF, #DFD1E8, #C9A9FF, #3F6CAA, #1A2442)
• Weathered Mallow Parlor color palette (#F4EFFF, #F3D1D1, #FBA0B4, #8A5A94, #3D162F)
• Tempered Workshop color palette (#EAE9FF, #DEB2E0, #D188B3, #604981, #28102D)
• Worn Basin color palette (#FAEDF9, #ECD1D6, #D9B6B7, #9C84A4, #40303E)
• Powdered Cobalt color palette (#FFF0F7, #FFD0DE, #FCA0A7, #3574D1, #563F63)
• Airy Iris Veranda color palette (#FFF1F6, #EDD4E1, #F3B0EB, #9080F5, #553D6A)
• Weathered Aubergine color palette (#E4DCF3, #D795B6, #C26D80, #662A74, #1F0215)
• Pale Mulberry Harbor color palette (#F5EEFF, #E2906B, #762B5F, #380C2C, #0B0413)

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