Softworn Petrol Harbor color palette — #E2F2F0 · #7EBCCE · #007393 · #004F55 · #003249

Teal and Ash set the tone — five colors that lean into trust and stability.

The five colors

• Cream (#E2F2F0): bright and airy, almost weightless.
• Ash (#7EBCCE): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007393): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#004F55): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Deep Teal (#003249): 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 Harbor 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

• Aged Petrol Cabin color palette (#EFE6EC, #93BACD, #0072A8, #004C43, #00113D)
• Turquoise Studio color palette (#EEF0E5, #B3DFC5, #09B4E6, #008F9B, #003249)
• Wandering Cobalt Garden color palette (#F8ECE5, #A7CFB8, #008FD3, #006D62, #172C55)
• Soft Thicket color palette (#E6FAF9, #A8D3FC, #4981C7, #006186, #263D70)
• Timeworn Abyss color palette (#DAECE9, #5B9BA1, #00535F, #00302E, #00171E)
• Hushed Ash Terrace color palette (#EEF7F6, #D4DCEE, #73A0BA, #4A7588, #3D556B)
• Mulberry Dune color palette (#E1D9F5, #AB5EA2, #0073A2, #77166F, #002D42)
• Coral Villa color palette (#FAF0FF, #F0A8B1, #D37769, #834468, #422D47)

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