Timeworn Petrol Market color palette — #F8EAF1 · #88BACF · #3069AD · #005145 · #29255A

Slate and Deep Indigo set the tone — five colors that lean into trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#88BACF): A luminous, dusty blue — the color of a favorite pair of jeans.
• Slate (#3069AD): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005145): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Deep Indigo (#29255A): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Timeworn Petrol Market 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

• Petrol Harbor color palette (#EDE8E2, #88BCD4, #1371AC, #004A50, #001338)
• Cobalt Courtyard color palette (#FFF1F6, #A8CAE5, #6376A9, #00605D, #3E315D)
• Weathered Spruce Grove color palette (#F3E9F4, #57B0AB, #006176, #054207, #00213C)
• Tempered Petrol color palette (#EBF0FF, #E2B8D8, #D4877A, #246799, #3C274D)
• Softworn Amethyst color palette (#E4DFF6, #7551BD, #4F6900, #005630, #221839)
• Dusty Chapel color palette (#F9F3F8, #C3E2ED, #5A92AE, #35704C, #354963)
• Hushed Periwinkle Thicket color palette (#F5EDE7, #A4DCF7, #68A5FD, #009282, #2B2751)
• Aged Navy color palette (#FBE8EE, #5485AE, #29327D, #002223, #0F0022)

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