Softworn Petrol color palette — #E7F1E9 · #73C6CE · #00738A · #003F35 · #000306

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

The five colors

• Cream (#E7F1E9): bright and airy, almost weightless.
• Aqua (#73C6CE): A luminous, balanced blue — the color of open sky before noon.
• Teal (#00738A): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#003F35): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Ink (#000306): quiet, heavy and certain.

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

• Petrol Orchard color palette (#E3F3E6, #8FBEDA, #0069B6, #003D45, #000016)
• Cobalt Grove color palette (#EDF9EF, #96D7EC, #0084B8, #005151, #000D1E)
• Cerulean Archive color palette (#F5E2DC, #2A9BA4, #00506D, #002E16, #000313)
• Sunlit Mulberry Studio color palette (#E7E3D4, #7B6500, #006374, #730067, #020100)
• Feathered Cerulean color palette (#ECE0EA, #75BEC4, #008FBF, #00713F, #001135)
• Worn Azure color palette (#ECF9EF, #CAE4FA, #00A8DC, #00736D, #002741)
• Airy Lapis Meadow color palette (#D7E9DB, #9D7800, #3E4BEB, #4C3900, #00000B)
• Tempered Bronze color palette (#F6D9C6, #BB6F00, #705000, #2E2300, #020200)

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