Softworn Petrol color palette — #F8E9F3 · #88C3C5 · #00738C · #00402A · #000307

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

The five colors

• Blush (#F8E9F3): A whisper-light, dusty pink — the color of neon signs at night.
• Ash (#88C3C5): A luminous, dusty teal — the color of glacier melt.
• Teal (#00738C): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#00402A): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000307): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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

• Sapphire Drift color palette (#FAE8F1, #8DBFD8, #0067BD, #003E3D, #010014)
• Tempered Cobalt color palette (#FBF2F8, #93D8E9, #0084BA, #005347, #000B25)
• Tempered Dune color palette (#EFF0DF, #6DC0C2, #0094A2, #006E64, #00171D)
• Softworn Lagoon Coast color palette (#FAE4DA, #3CA0A3, #005264, #00321E, #001626)
• Dusty Sky Market color palette (#D4FFFA, #85D7C1, #1CBAF0, #5A5800, #000C06)
• Ancient Lagoon color palette (#ECE8D2, #738700, #365A00, #002E17, #000603)
• Hushed Jade color palette (#B3F8CB, #00B673, #006031, #001706, #000201)
• Ancient Cypress color palette (#F9F3F7, #D4D5E3, #52B3D9, #008263, #0F304D)

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