Softworn Petrol color palette — #EAFAED · #6F9CC7 · #675EA6 · #743E05 · #2F3E54

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

The five colors

• Ivory (#EAFAED): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#6F9CC7): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#675EA6): A full-bodied, balanced violet — the color of wild irises.
• Bronze (#743E05): A full-bodied, balanced gold — the color of old brass.
• Navy (#2F3E54): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Optimism, Creativity, Balance. Tagged retro, 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

• Aged Pewter Archive color palette (#EAFAED, #98A7CD, #8D6794, #695721, #42465E)
• Airy Study color palette (#E2F8EC, #30ADC8, #6D5DA6, #4E4800, #0E2437)
• Faded Quarry color palette (#EAFAED, #3EA9AF, #1871A3, #7E2E40, #194254)
• Hushed Mulberry color palette (#EEF6FF, #658BBB, #8E486C, #5D4300, #004238)
• Iris Pier color palette (#FBF5E3, #45C3DE, #8678C8, #6C6617, #23453B)
• Muted Mulberry color palette (#DFFFE5, #9C76CD, #953576, #464A00, #45274E)
• Dusty Station color palette (#F1F7F2, #C7E0F5, #618CC4, #006E81, #3A466A)
• Timeworn Pewter color palette (#EFF8F0, #96B9A6, #6D794C, #2C6174, #2D4A3B)

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