Softworn Petrol color palette — #E1F3F1 · #72BDDB · #00719C · #004E5A · #00314E

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

The five colors

• Cream (#E1F3F1): a clean, paper-quiet neutral.
• Cyan (#72BDDB): A luminous, balanced blue — the color of open sky before noon.
• Peacock (#00719C): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Teal (#004E5A): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#00314E): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Trust, Stability, Calm, Balance. 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

• Timeworn Cobalt Corridor color palette (#ECF8F7, #92CDF2, #357EB5, #005C74, #273C54)
• Quiet Denim Parlor color palette (#DCF6F5, #75A3CF, #0E55A5, #003A53, #0B1C44)
• Antique Glacier Workshop color palette (#CAF7FF, #6FE3E2, #46A8BA, #00745B, #0E3840)
• Timeworn Cerulean Market color palette (#CBE7E2, #3F9EAC, #005363, #003030, #001720)
• Weathered Hollow color palette (#EDF8F7, #D5DCED, #7B9EBA, #4B7589, #445464)
• Pale Sapphire Basin color palette (#B9E8EC, #009572, #4361C6, #005741, #18254F)
• Tempered Cobalt Balcony color palette (#DBF3F2, #3B87BE, #003D72, #00202E, #000720)
• Dusty Cabin color palette (#F8EAF2, #B6D9EE, #5CA7FF, #00937E, #292656)

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