Worn Petrol color palette — #FAF3F5 · #DADDEE · #8399C7 · #137D88 · #4A516A

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

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8399C7): A luminous, dusty violet — the color of twilight just after sunset.
• Teal (#137D88): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Charcoal Brown (#4A516A): A full-bodied, dusty violet — the color of a velvet chair.

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

Use it as a design system

One click turns Worn 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 Periwinkle color palette (#F0F3EC, #C1E5E9, #729FD5, #447288, #412F40)
• Powder Coast color palette (#EFF7F7, #D8DBEA, #8AB5E7, #5C8EA6, #465466)
• Petrol Drift color palette (#F4EBF2, #81BCCC, #0070A2, #005146, #0B2B5F)
• Abyss Veranda color palette (#F4E8F0, #5A8995, #004451, #002413, #000B14)
• Antique Lagoon color palette (#FEF0FD, #C38582, #369D86, #008694, #4E3B4C)
• Quiet Cerulean color palette (#FBF2F9, #9ADBE3, #008CB4, #006950, #004272)
• Ash Field color palette (#FCF1FE, #E8D7D8, #BDE5C6, #AC7FA9, #5C4A58)
• Denim Villa color palette (#EBDFE4, #71A6C7, #1E53A6, #003D41, #1A1052)

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