Softworn Petrol color palette — #F6EFF5 · #ABC3F7 · #8A79A8 · #5970A6 · #201017
A conversation between Slate and Sky, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F6EFF5): a clean, paper-quiet neutral.
- Sky (#ABC3F7): A luminous, dusty violet — the color of a velvet chair.
- Slate Blue (#8A79A8): A luminous, dusty violet — the color of wild irises.
- Slate (#5970A6): A full-bodied, balanced violet — the color of a velvet chair.
- Ink (#201017): A deep, shadowed, dusty rose — the color of strawberry cream.
Feels like: Creativity, Sophistication. Tagged duotone, 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 Market color palette (#F1F6FB, #9DC5E9, #A1688A, #1C72B0, #312B38)
- Driftwood Basin color palette (#FAEFF1, #E4B4C0, #AF6B82, #866192, #201210)
- Onyx Field color palette (#F1F0FF, #C4B5E3, #8E76A2, #67406C, #43153F)
- Hushed Cocoa color palette (#FFEEE6, #B49FD7, #8B6C8E, #7B401C, #3C242C)
- Timeworn Alley color palette (#F2F5FB, #BED0FE, #AC8CC3, #6D88D5, #2C2C3C)
- Dusty Ridge color palette (#EEF8F5, #DBDEE9, #D599BB, #67A0CF, #291A1A)
- Sunlit Hollow color palette (#EFE0E6, #9D77D3, #91196A, #5D0E9C, #080001)
- Worn Aubergine Meadow color palette (#FCEDF1, #B390C8, #994363, #733193, #110202)
Browse the whole catalog at Explore, or see today's palette.