Softworn Petrol color palette — #E0F4F4 · #80A6C7 · #1067B6 · #00465F · #001038

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

The five colors

• Cream (#E0F4F4): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#80A6C7): A luminous, dusty blue — the color of deep harbor water.
• Cobalt (#1067B6): A full-bodied, balanced blue — the color of open sky before noon.
• Navy (#00465F): A deep, shadowed, dusty blue — the color of deep harbor water.
• Midnight (#001038): A deep, shadowed, balanced violet — the color of wild irises.

Feels like: Trust, Stability, Calm, Balance. Tagged coastal, cool, light.

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 Ridge color palette (#D3E4E1, #7BA9BE, #00728B, #004A4C, #001721)
• Ancient Canyon color palette (#EAF2DD, #6EBEFF, #0067BE, #003A50, #00020F)
• Weathered Iris color palette (#E6EFFD, #A3B0F7, #9376E1, #005A9A, #0E1841)
• Hushed Summit color palette (#F0E4E7, #6195BD, #1139AF, #002F34, #14033D)
• Cornflower Garden color palette (#F8E7D6, #76B7EB, #517CE7, #006B76, #130934)
• Worn Cobalt color palette (#E2F3F1, #A8C9E3, #468CC7, #006883, #002D5D)
• Frosted Cobalt Dune color palette (#D8ECFF, #007BCC, #007B32, #00477A, #001504)
• Soft Azure color palette (#EDF8F7, #AFE4FC, #00A7EA, #008094, #00436C)

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