Timeworn Petrol color palette — #F3E4EE · #6BC2D3 · #0072A9 · #004E35 · #081138

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

The five colors

• Blush (#F3E4EE): A whisper-light, dusty pink — the color of neon signs at night.
• Cyan (#6BC2D3): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#0072A9): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004E35): A deep, shadowed, balanced teal — the color of sea glass.
• Deep Indigo (#081138): A deep, shadowed, dusty violet — the color of wild irises.

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

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 Cobalt Summit color palette (#F8EFF4, #9DD1E4, #487FBB, #005D4D, #171F37)
• Petrol Corridor color palette (#DFF4F0, #7BBDCC, #007390, #004F53, #003346)
• Ultramarine Quarry color palette (#F9E4ED, #59A6D1, #244FB3, #003A36, #0E0029)
• Lagoon Parlor color palette (#F5E8F4, #219C9F, #005169, #002E0F, #000410)
• Washed Navy Cabin color palette (#EAD9E1, #2D82A8, #08367F, #00201C, #010009)
• Plum Ridge color palette (#FDE8F4, #B9008E, #006F53, #005255, #11031E)
• Weathered Garden color palette (#EFEAFF, #FFAAAC, #BF903E, #495386, #22152E)
• Quiet Peony color palette (#EFE3FF, #E343B3, #007E42, #6A0050, #001808)

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