Timeworn Petrol color palette — #FAF4EE · #C4E2F7 · #92A4DA · #007D8E · #2F274C

A conversation between Teal and Mauve, giving this palette its sense of trust and stability.

The five colors

• Ivory (#FAF4EE): bright and airy, almost weightless.
• Powder Blue (#C4E2F7): A whisper-light, dusty blue — the color of deep harbor water.
• Mauve (#92A4DA): A luminous, balanced violet — the color of twilight just after sunset.
• Teal (#007D8E): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Indigo (#2F274C): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged coastal, cool, 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

• Pine Alley color palette (#FDF3EE, #BCEAF2, #53B4D5, #00835E, #0A314D)
• Periwinkle Archive color palette (#FFF3E9, #D9E4F8, #449BFF, #007273, #191A58)
• Softworn Lagoon color palette (#FCF3EF, #BDE7F3, #84C4E7, #3B947F, #4D364E)
• Tempered Cobalt Drift color palette (#F0F8EF, #A6C9EB, #5E74BB, #005E6B, #3B3458)
• Petrol Bloom color palette (#F9EBE2, #76C3DD, #006DA8, #003E39, #000015)
• Softworn Delta color palette (#ECDBD2, #73AEAE, #005F71, #002D19, #000103)
• Washed Lagoon color palette (#FFF1F5, #E4D9D2, #A9B69F, #8B90C8, #502D33)
• Patina Summit color palette (#FFF1F4, #D083E3, #77A655, #4B9050, #310D18)

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