Softworn Petrol color palette — #EDF9EF · #75BEC4 · #CA8286 · #168289 · #694236

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

The five colors

• Ivory (#EDF9EF): bright and airy, almost weightless.
• Mint Leaf (#75BEC4): A luminous, dusty blue — the color of deep harbor water.
• Dusty Rose (#CA8286): A luminous, balanced red — the color of embers at dusk.
• Teal (#168289): A full-bodied, balanced blue — the color of deep harbor water.
• Cocoa (#694236): A full-bodied, dusty orange — the color of sun-warmed clay.

Feels like: Trust, Stability, Sophistication. Tagged 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

• Wandering Cypress color palette (#EBF5EB, #80C0C2, #CD8780, #008286, #372F2C)
• Pine Market color palette (#F3F7E9, #87BF98, #B289AF, #3E8358, #644348)
• Cocoa Coast color palette (#E8FAF5, #8DB4DD, #BB8F65, #4976A4, #6E4100)
• Cerulean Orchard color palette (#E8F8FF, #90D1D9, #E8989B, #009EAD, #6B3E40)
• Washed Driftwood Corridor color palette (#E6FCEB, #51A6B4, #A975A5, #8A7337, #334839)
• Rust Chapel color palette (#DBFFEC, #00A3CC, #C45D00, #006681, #5E2900)
• Driftwood Courtyard color palette (#ECF9EF, #C7E4E5, #E1C4DB, #789273, #3D5045)
• Dusty Bronze Delta color palette (#FDF3EB, #C6B5A0, #A8733F, #864D24, #5E4200)

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