Softworn Petrol color palette — #EFF6FE · #DED5E8 · #B5B0C2 · #406595 · #363B42
A conversation between Peacock and Silver, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EFF6FE): a clean, paper-quiet neutral.
- Silver (#DED5E8): A whisper-light, dusty violet — the color of twilight just after sunset.
- Ash (#B5B0C2): A luminous, dusty violet — the color of wild irises.
- Peacock (#406595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#363B42): a grounded near-black with real depth.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Lantern color palette (#F6EFF5, #E1D2D3, #C6B0BB, #4B619F, #281C26)
- Washed Loft color palette (#F6F4FC, #EBD4DD, #D3B1C3, #8D5286, #423D4D)
- Hushed Lantern color palette (#F4F4FC, #E2D8DE, #B3ABA3, #7F7E9F, #525259)
- Patina Navy Pier color palette (#E4EAF3, #B5B7CC, #9487A5, #2A417A, #16202E)
- Lilac Alley color palette (#C2E3FF, #9F96D3, #98646F, #3B5E5A, #194752)
- Tempered Mulberry Chapel color palette (#F0EDF5, #D4C7D3, #B397A3, #783D62, #312A39)
- Timeworn Aubergine color palette (#EEEDF6, #A393AA, #816879, #460550, #0A0616)
- Worn Canyon color palette (#EBFAEA, #9CA05F, #3C7140, #4C4663, #213C31)
Browse the whole catalog at Explore, or see today's palette.