Softworn Petrol color palette — #E9F4F9 · #CED7EA · #A9C3D6 · #00788A · #112832

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

The five colors

• Ivory (#E9F4F9): bright and airy, almost weightless.
• Silver (#CED7EA): A whisper-light, dusty violet — the color of a velvet chair.
• Ash (#A9C3D6): A luminous, dusty blue — the color of a favorite pair of jeans.
• Teal (#00788A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Midnight (#112832): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Denim Alley color palette (#E2EBF0, #BECEDA, #95A6B5, #005F76, #061822)
• Petrol Archive color palette (#F0F7F1, #CCDEDE, #CAB4C8, #007982, #344537)
• Eclipse Petrol Corridor color palette (#D1E9FC, #0073A5, #092B4B, #001221, #000408)
• Antique Cocoa color palette (#C2E3FF, #92ABD4, #6E729E, #72435E, #35203D)
• Driftwood Market color palette (#EFF1F9, #D8D4DB, #BAABB2, #817DA5, #34363D)
• Ancient Archive color palette (#EDF2FC, #CDD3E9, #A5A9C9, #4846BD, #131A28)
• Frosted Pine color palette (#D9FAF3, #7CB980, #00804A, #005A48, #002724)
• Frosted Cornflower Balcony color palette (#E5F4FF, #25E0F8, #00BDF8, #0084E7, #002033)

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