Softworn Petrol color palette — #E1F1F0 · #52AED6 · #006E9F · #004856 · #001528

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

The five colors

• Cream (#E1F1F0): bright and airy, almost weightless.
• Cyan (#52AED6): A luminous, balanced blue — the color of deep harbor water.
• Peacock (#006E9F): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004856): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
• Ink (#001528): A deep, shadowed, dusty blue — the color of open sky before noon.

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

• Hushed Grove color palette (#E0F2EE, #3AA3AC, #006471, #003C39, #000B10)
• Sapphire Terrace color palette (#DAEFEF, #89B6E0, #1373D7, #005474, #061B4A)
• Softworn Quarry color palette (#F9E9F1, #7FC1E1, #3566B0, #003F38, #030011)
• Quiet Meadow color palette (#ECDCE4, #2E9CC6, #004B86, #00302F, #090C39)
• Muted Courtyard color palette (#E4F2F0, #92CFE6, #0092C5, #006A78, #07314A)
• Aqua Grove color palette (#DCF2F7, #00C9D0, #00A2C4, #006F59, #002021)
• Airy Lagoon color palette (#E8FAF7, #A0E8F9, #00ACD4, #008287, #00465F)
• Frosted Lapis color palette (#C2EFF4, #008B74, #4437FF, #005143, #08003D)

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