Softworn Petrol color palette — #F7EAF2 · #73BDD8 · #2F6AA8 · #005143 · #28294F

Built around Slate, softened by Cyan — the whole palette hums with trust and stability.

The five colors

• Blush (#F7EAF2): bright and airy, almost weightless.
• Cyan (#73BDD8): A luminous, balanced blue — the color of a favorite pair of jeans.
• Slate (#2F6AA8): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#005143): A deep, shadowed, dusty teal — the color of glacier melt.
• Midnight (#28294F): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Ancient Parlor color palette (#F4EBF5, #5AC5BF, #00748C, #145313, #0E304C)
• Antique Cobalt color palette (#FEF1F7, #99CDEB, #5777B4, #00605A, #333855)
• Petrol Balcony color palette (#E8EAE1, #93BFA9, #00749F, #004A54, #001829)
• Aged Parlor color palette (#EBDADF, #6EA5CF, #3749B5, #003E3E, #261241)
• Powdered Forest Cabin color palette (#FBF1FC, #69E5E1, #008DAC, #066C1A, #1E4264)
• Aged Ash Alley color palette (#FBF2F7, #D8DFF1, #7D9BC4, #427880, #4A5269)
• Periwinkle Grove color palette (#F8ECE5, #A6DDF1, #50ACF3, #009288, #1A2B57)
• Ancient Cerulean Archive color palette (#EFDFEC, #3C9FAB, #005071, #00321D, #010E3A)

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