Softworn Petrol color palette — #EDF0E3 · #7CBBD5 · #147199 · #004E5A · #00314E

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

The five colors

• Cream (#EDF0E3): bright and airy, almost weightless.
• Sky (#7CBBD5): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#147199): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• 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, 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

• Patina Cypress color palette (#EFF0E4, #9CBB9C, #00767E, #005147, #00353D)
• Antique Field color palette (#E1E7D7, #78A3CE, #20559F, #003A54, #09194B)
• Cobalt Lagoon color palette (#F6EBF1, #A8CADE, #3C8BCF, #006C68, #1C295A)
• Hushed Garden color palette (#E4F2F0, #A5DDF5, #2FB1EE, #008EA3, #00314F)
• Lagoon Drift color palette (#F6F6E9, #8FDFDD, #009199, #00685B, #004953)
• Ancient Petrol color palette (#F4F6EF, #C7E5E6, #749FBE, #36798B, #2C534A)
• Wandering Workshop color palette (#E4E6D2, #509CA9, #005364, #003030, #001720)
• Ancient Amethyst Orchard color palette (#E4E0F1, #7B4AC5, #A02C53, #005474, #24153C)

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