Worn Petrol Canyon color palette — #FAF3F6 · #DADDEE · #8699BF · #1C7C87 · #4A516B

Teal takes the lead with Blue Fog close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#FAF3F6): a clean, paper-quiet neutral.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8699BF): A luminous, dusty violet — the color of a velvet chair.
• Teal (#1C7C87): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#4A516B): A full-bodied, dusty violet — the color of twilight just after sunset.

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

Use it as a design system

One click turns Worn Petrol Canyon 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

• Hushed Pier color palette (#EFF7F7, #D8DBEA, #84B6EB, #4E90AD, #465466)
• Periwinkle Orchard color palette (#F1F3EC, #C4E2E5, #70A0D5, #39738D, #412F40)
• Abyss Delta color palette (#F0E6ED, #6798A7, #005266, #003220, #001626)
• Washed Hollow color palette (#F6EBF3, #94B7C8, #0070A2, #005146, #132C56)
• Weathered Cerulean Field color palette (#FFF0FC, #BF8881, #559A7A, #008599, #503A4C)
• Muted Pier color palette (#F9F2FC, #D2A0AD, #59A8A7, #A7546D, #265460)
• Softworn Ash Thicket color palette (#FBF1FE, #C2E7C9, #E8D7D8, #AC7FA3, #5F4C5A)
• Cerulean Summit color palette (#FCF1F9, #A8D7E8, #008CB3, #00694F, #05426F)

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