Softworn Petrol color palette — #FDECF7 · #A6AFE5 · #A29F67 · #646CA7 · #33312A
Built around Slate, softened by Mauve — the whole palette hums with nature and growth.
The five colors
- Blush (#FDECF7): A whisper-light, dusty pink — the color of peonies in June.
- Mauve (#A6AFE5): A luminous, dusty violet — the color of a velvet chair.
- Moss (#A29F67): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#646CA7): A full-bodied, balanced violet — the color of a velvet chair.
- Espresso (#33312A): quiet, heavy and certain.
Feels like: Nature, Growth, Creativity, Sophistication. Tagged 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
- Softworn Dune color palette (#FEEDEE, #D59FC9, #87A86E, #905F85, #31322B)
- Sky Summit color palette (#E5F7EE, #77BEDE, #C39066, #337B98, #35302B)
- Softworn Iris Study color palette (#F1F5FF, #BCC0EE, #C0B271, #8082D4, #325642)
- Softworn Lilac Corridor color palette (#FFEBF6, #9993D2, #958F5D, #777E48, #351F2C)
- Patina Indigo Coast color palette (#FEF1F9, #CBA1BB, #C68484, #6666C0, #6A3F40)
- Softworn Driftwood color palette (#FDECF7, #E6D4D0, #ABB29C, #6E988B, #4E3841)
- Tempered Thicket color palette (#FAEEF2, #C8C699, #6D577D, #432831, #1A1114)
- Driftwood Coast color palette (#FFECF4, #CAC0EE, #817AAC, #504875, #2E1022)
Browse the whole catalog at Explore, or see today's palette.