Timeworn Petrol color palette — #EAF9F6 · #B8D7A7 · #64A99C · #187595 · #293857

Teal and Pistachio set the tone — five colors that lean into nature and growth.

The five colors

• Ivory (#EAF9F6): bright and airy, almost weightless.
• Pistachio (#B8D7A7): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#64A99C): A luminous, dusty teal — the color of glacier melt.
• Teal (#187595): A full-bodied, balanced blue — the color of deep harbor water.
• Navy (#293857): A deep, shadowed, dusty violet — the color of a velvet chair.

Feels like: Nature, Growth, Trust, Stability, Calm, Sophistication. Tagged 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

• Cypress Corridor color palette (#EFF8F1, #DCCB9A, #81A76F, #007C6E, #043E52)
• Indigo Cabin color palette (#E9F8FD, #97DAD8, #6CA0C6, #695EA8, #4D2A46)
• Antique Driftwood Study color palette (#DFFDF7, #CBE0E8, #A3C9CE, #728FA8, #3F5066)
• Powdered Chapel color palette (#E0FCF8, #4BAA4F, #007274, #003A67, #0F0D00)
• Misty Nightshade Grove color palette (#E8F9FC, #48BBAD, #0081AC, #3A3B96, #2F0532)
• Worn Ridge color palette (#FBF2F8, #F8BBA7, #7A9DC7, #7B589D, #442F4D)
• Aged Ridge color palette (#FEF1F6, #F9B786, #37C0B7, #9C77A5, #443D5D)
• Stone Quarry color palette (#ECF9F1, #BBB070, #425B51, #1C3025, #0C110D)

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