Softworn Petrol color palette — #F8EAF1 · #94B6CE · #2B69AF · #004F50 · #22275B

A conversation between Slate and Navy, giving this palette its sense of trust and stability.

The five colors

• Blush (#F8EAF1): bright and airy, almost weightless.
• Ash (#94B6CE): A luminous, dusty blue — the color of deep harbor water.
• Slate (#2B69AF): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#004F50): A deep, shadowed, dusty teal — the color of glacier melt.
• Navy (#22275B): A deep, shadowed, balanced violet — the color of a velvet chair.

Feels like: Trust, Stability, Creativity, Calm, Balance. 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

• Cobalt Bloom color palette (#FCF2F6, #B0C8DE, #5776B8, #005E67, #37345E)
• Softworn Petrol Workshop color palette (#E8EBDF, #7DBDDE, #0072A9, #004958, #00172D)
• Wandering Corridor color palette (#DAEEFF, #AEC0E8, #BF86D1, #006D72, #172F4F)
• Denim Loft color palette (#F5E6F0, #6CABAB, #006274, #004026, #002236)
• Gentle Alley color palette (#C7E4FF, #599EDA, #005A9D, #002D4F, #001930)
• Navy Workshop color palette (#DBF4F1, #009EAB, #006383, #003E67, #122363)
• Muted Loft color palette (#F9ECE2, #9ADEFF, #57A8FF, #009190, #232A50)
• Softworn Cerulean Grove color palette (#CFE1EE, #008ABA, #9A5700, #00506D, #3F2000)

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