Softworn Petrol color palette — #EAF4E3 · #59A49A · #426D98 · #603B1E · #3D2D00

A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.

The five colors

• Cream (#EAF4E3): A whisper-light, dusty green — the color of fresh herbs.
• Turquoise (#59A49A): A luminous, dusty teal — the color of sea glass.
• Slate (#426D98): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#603B1E): A deep, shadowed, dusty gold — the color of old brass.
• Espresso (#3D2D00): A deep, shadowed, dusty gold — the color of old brass.

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

• Softworn Study color palette (#EFEFD2, #68AC93, #3E7495, #6A3720, #4E3042)
• Wandering Cerulean Station color palette (#D8F6E1, #33919D, #4B5680, #483300, #222500)
• Washed Abyss color palette (#C6F4F7, #5E9AAB, #5A6686, #3E4C1D, #074034)
• Antique Alley color palette (#DFEDD9, #7F9D88, #3E6E62, #652A3A, #3F1108)
• Antique Field color palette (#BDE8EE, #70AFBC, #5F81A1, #7D4C5C, #562214)
• Hushed Azure color palette (#EEEBCE, #80CCC0, #609CC6, #8D6A41, #4A2E06)
• Airy Veranda color palette (#C1E4FA, #008BB5, #A54E00, #00506B, #441C00)
• Sunlit Chestnut Pier color palette (#CCEAFF, #00759C, #874F00, #554600, #002331)

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