Softworn Petrol color palette — #E7FBF0 · #F9CDEF · #CC9185 · #297E96 · #47394F

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

The five colors

• Ivory (#E7FBF0): A whisper-light, dusty teal — the color of sea glass.
• Thistle (#F9CDEF): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#CC9185): A luminous, dusty orange — the color of sun-warmed clay.
• Slate (#297E96): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal (#47394F): A deep, shadowed, dusty violet — the color of wild irises.

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

• Hushed Alley color palette (#E9FAEC, #FFD0CA, #BB9E61, #5D71A0, #4E3744)
• Cypress Garden color palette (#EAF9F4, #D6D9FF, #C58EB3, #218567, #3C3D52)
• Cerulean Veranda color palette (#F6F3FF, #E4D6DE, #CEB8C8, #6594A2, #3F5267)
• Worn Blush color palette (#FAF5E5, #D98ABA, #9D6854, #40634A, #57423E)
• Timeworn Stone Garden color palette (#EEF8F2, #C3DCEF, #8DBBA0, #8382A4, #2F4D47)
• Aged Cocoa color palette (#FFF3E7, #FFBCC1, #E09A87, #8F8F64, #71331A)
• Muted Summit color palette (#FAF2FA, #E0989B, #654C58, #332633, #110E13)
• Blush Quarry color palette (#FFECF3, #DE9499, #A16857, #55552A, #342733)

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