Softworn Petrol color palette — #E1F3F0 · #84BBCB · #007393 · #004F55 · #003249

A conversation between Teal and Forest, giving this palette its sense of trust and stability.

The five colors

• Cream (#E1F3F0): bright and airy, almost weightless.
• Ash (#84BBCB): A luminous, dusty blue — the color of deep harbor water.
• 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 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 Petrol color palette (#EFE6EC, #8FBAD1, #0A72A7, #004C43, #00103F)
• Petrol Chapel color palette (#E3F3FF, #98CAFF, #8097CA, #006D87, #133750)
• Dusty Workshop color palette (#EEF0E5, #B5DFC6, #00B4E7, #008F9B, #003249)
• Cerulean Bloom color palette (#F9EBE4, #ACCEBA, #3E8EC3, #006D62, #152B59)
• Antique Abyss color palette (#DDF1ED, #579CA2, #00535F, #00302D, #00171E)
• Feathered Study color palette (#CAE8FF, #0075A0, #7039B7, #005B43, #002333)
• Soft Harbor color palette (#C1E4FA, #008BB2, #90499A, #005169, #410C48)
• Hushed Chestnut color palette (#DCEFDE, #9C8547, #6F4F00, #4D3000, #2B2400)

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