Softworn Petrol color palette — #F7EFF4 · #D6D1E7 · #83A0BB · #42747E · #2B364A

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

The five colors

• Ivory (#F7EFF4): a clean, paper-quiet neutral.
• Silver (#D6D1E7): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#83A0BB): A luminous, dusty blue — the color of open sky before noon.
• Teal (#42747E): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#2B364A): A deep, shadowed, dusty violet — the color of twilight just after sunset.

Feels like: Sophistication. Tagged coastal, cool, light, muted.

Use it as a design system

One click turns Softworn 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

• Petrol Delta color palette (#EFF7F6, #D4DDEE, #6DA1BC, #267B89, #3F5568)
• Muted Denim Villa color palette (#F5E6EF, #59A9BF, #005E8C, #003A33, #000629)
• Lagoon Studio color palette (#E4F6F8, #CDDBEC, #BBAAB2, #5E9386, #2C454A)
• Petrol Thicket color palette (#F3E4EE, #88BDCD, #007790, #004E31, #001828)
• Ancient Taupe Terrace color palette (#E5F6F5, #8DC1A3, #CA8691, #458060, #3E2742)
• Weathered Navy Lagoon color palette (#F8E9EF, #4180A3, #00387A, #001F20, #01000B)
• Cornflower Lantern color palette (#FEECF2, #ABD5F9, #5A7DDC, #00606C, #251B4B)
• Dusty Driftwood color palette (#E8F6ED, #9EC5B6, #678D75, #6D4E58, #1A312D)

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