Softworn Petrol color palette — #E7FAF7 · #7DC4D8 · #00799B · #00555C · #003850

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

The five colors

• Ivory (#E7FAF7): A whisper-light, dusty teal — the color of glacier melt.
• Sky (#7DC4D8): A luminous, dusty blue — the color of deep harbor water.
• Teal (#00799B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Peacock (#00555C): A full-bodied, dusty blue — the color of deep harbor water.
• Deep Teal (#003850): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Cobalt Pier color palette (#FBEDF7, #70CAE3, #0079B3, #005249, #00124B)
• Powdered Sapphire color palette (#DFFCFB, #8ABDEA, #006CCE, #005170, #132F67)
• Tempered Veranda color palette (#E5FBF5, #96DED8, #009195, #006857, #004950)
• Denim Harbor color palette (#DAE9E8, #6CA8C0, #005F83, #003D46, #002237)
• Antique Sky color palette (#F4F7EB, #96E8FF, #00BBEE, #0096A1, #003850)
• Softworn Azure Parlor color palette (#FFF2EB, #98D6E8, #0096DA, #007467, #052C73)
• Muted Teal color palette (#AAFFE8, #00B79D, #006D59, #00382E, #001F19)
• Dusty Navy color palette (#DBEDEC, #5C86A2, #003F6A, #00212C, #00091C)

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