Softworn Petrol color palette — #EFF8EE · #DEBA92 · #46A7B1 · #5D639D · #312634

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Ivory (#EFF8EE): bright and airy, almost weightless.
• Sand (#DEBA92): A luminous, dusty gold — the color of honey in a jar.
• Cyan (#46A7B1): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5D639D): A full-bodied, balanced violet — the color of wild irises.
• Onyx (#312634): A deep, shadowed, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Creativity, Sophistication. Tagged jewel, vibrant, 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

• Weathered Studio color palette (#FAF2F9, #DDA3A6, #519F7A, #30789E, #272434)
• Pewter Coast color palette (#EBF9F4, #B6BC7F, #6D91C5, #94598C, #322028)
• Dusty Coast color palette (#EAFAED, #F0DBA8, #96AA7E, #5573A1, #2D4539)
• Worn Teal color palette (#EEF8EF, #D7B178, #59C196, #A17DB6, #2F3A30)
• Weathered Loft color palette (#EDF8F3, #B2B374, #3D5B55, #1F2F28, #0B110D)
• Hazy Mulberry Station color palette (#E8FAF5, #87AC65, #6C80C1, #9C386C, #0F200E)
• Softworn Grape color palette (#E3FDEB, #CE9B00, #0080AF, #7B02B4, #220001)
• Stone Thicket color palette (#F1F7F2, #D3DCDB, #B5B3BE, #C6AA7A, #494F4A)

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