Timeworn Petrol color palette — #EFF7F7 · #85BCA6 · #596AAA · #007154 · #1C2434

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

The five colors

• Ivory (#EFF7F7): bright and airy, almost weightless.
• Mint Leaf (#85BCA6): A luminous, dusty teal — the color of shallow lagoons.
• Slate (#596AAA): A full-bodied, balanced violet — the color of a velvet chair.
• Pine (#007154): A full-bodied, balanced teal — the color of glacier melt.
• Midnight (#1C2434): A deep, shadowed, dusty violet — the color of a velvet chair.

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

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

• Dusty Cypress color palette (#EEF7FA, #91CCD1, #8272AC, #007C83, #2A2D3B)
• Dusty Cobalt Station color palette (#EDF4ED, #70C4C3, #007EB2, #007373, #02120C)
• Fern Veranda color palette (#EFF7F4, #A6B77B, #007D8B, #566900, #102730)
• Tempered Petrol color palette (#FFF1F5, #5CA7A0, #356E9E, #6E4200, #164353)
• Dusty Parlor color palette (#EBF7FF, #00B3DD, #9226B4, #005F78, #2A1033)
• Sunlit Azure color palette (#ECF7FB, #6AD9D8, #0099DF, #009392, #1A252F)
• Ancient Terrace color palette (#EFF7F9, #D7DBE4, #BEBECC, #2D8384, #3D4A4E)
• Mulberry Workshop color palette (#EDF6FF, #6F9FC7, #8F3774, #005485, #1D122A)

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