Softworn Petrol color palette — #E4FBF7 · #8ACDC4 · #559FAA · #6469A2 · #2E4D55

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

The five colors

• Ivory (#E4FBF7): A whisper-light, dusty teal — the color of glacier melt.
• Mint Leaf (#8ACDC4): A luminous, dusty teal — the color of glacier melt.
• Storm Blue (#559FAA): A luminous, dusty blue — the color of open sky before noon.
• Slate (#6469A2): A full-bodied, balanced violet — the color of twilight just after sunset.
• Charcoal (#2E4D55): A deep, shadowed, dusty blue — the color of open sky before noon.

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

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

• Weathered Ridge color palette (#E6FBF3, #ABC8A1, #62A280, #337796, #2A4F4C)
• Seafoam Loft color palette (#F7F7DF, #8CF3DD, #61B1B5, #657196, #384335)
• Worn Study color palette (#FCF0FF, #9CC3E3, #7A91C7, #945683, #3B4959)
• Cerulean Drift color palette (#EFF7F6, #D5DDEC, #83BAD5, #2496A5, #3E5669)
• Muted Teal color palette (#FFF0FA, #71B995, #2D839A, #784A4F, #364C50)
• Aged Teal Alley color palette (#E8F4F8, #52ACAA, #475C64, #273C41, #192426)
• Misty Grape Courtyard color palette (#D8FEFC, #00BCD6, #0088BC, #7925B5, #003C4B)
• Wandering Seafoam color palette (#FFF2EB, #87E7BD, #76B9D1, #AB7F76, #404C3D)

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