Softworn Petrol color palette — #F5F3FF · #D7C4DD · #C19173 · #257A93 · #34435E

Slate and Camel set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#F5F3FF): a clean, paper-quiet neutral.
• Lilac Frost (#D7C4DD): A whisper-light, dusty pink — the color of peonies in June.
• Camel (#C19173): A luminous, dusty gold — the color of afternoon light on wheat.
• Slate (#257A93): A full-bodied, balanced blue — the color of a favorite pair of jeans.
• Navy (#34435E): A deep, shadowed, dusty violet — the color of twilight just after sunset.

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

• Petrol Parlor color palette (#F7F3FF, #ECD1ED, #89A98A, #30789C, #323A5B)
• Cypress Ridge color palette (#F1F5FF, #DAD8F5, #C48C94, #1F7D67, #003C4C)
• Wandering Denim color palette (#FFF1F3, #EDB69D, #AE943D, #345CA6, #422254)
• Wandering Bronze color palette (#FFDCDB, #D18C8B, #946A2C, #3A574A, #134142)
• Softworn Ash color palette (#FFF0FC, #E8D3D7, #BDCDBD, #7693AF, #4E4F6B)
• Basalt Delta color palette (#FFF1F0, #CDEDCA, #9FA973, #6F6AAC, #5A285A)
• Weathered Cabin color palette (#FBF2F7, #D7D4E0, #63ACED, #00807A, #1E2B56)
• Dusty Harbor color palette (#FBE6FF, #BFA3C2, #9B5E25, #004B60, #0E0E2E)

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