Softworn Petrol color palette — #F7EBF0 · #92B6D1 · #3C69A5 · #004F52 · #252756

Slate takes the lead with Deep Indigo close behind in a set that reads as trust and stability at first glance.

The five colors

• Blush (#F7EBF0): a clean, paper-quiet neutral.
• Ash (#92B6D1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#3C69A5): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Forest (#004F52): A deep, shadowed, dusty teal — the color of sea glass.
• Deep Indigo (#252756): A deep, shadowed, balanced violet — the color of a velvet chair.

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

• Weathered Cobalt color palette (#FDF2F5, #ABC9E5, #5C76B5, #005E69, #39345E)
• Abyss Chapel color palette (#F5EBF2, #80BEBC, #007588, #00532F, #00324A)
• Worn Petrol Parlor color palette (#E8EAE2, #8EC0AC, #0071AD, #00495A, #00162F)
• Antique Denim color palette (#EFE0E9, #559BAE, #004F76, #00302A, #000F3A)
• Softworn Courtyard color palette (#FBF2F6, #DADEEF, #839BBD, #3C7980, #4B5267)
• Periwinkle Quarry color palette (#F6EDE5, #AEE0CC, #60A6FF, #009093, #252854)
• Tempered Grape Ridge color palette (#C6E7DB, #839921, #693BB2, #425000, #2E1C4F)
• Dusty Teal color palette (#D4FDEE, #A2D0B1, #11AFAF, #7B5707, #0D3F3A)

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