Softworn Petrol color palette — #EDF9F1 · #D9CD91 · #5FAA9C · #4869A9 · #4F2A40
A conversation between Slate and Pistachio, giving this palette its sense of nature and growth.
The five colors
- Ivory (#EDF9F1): bright and airy, almost weightless.
- Pistachio (#D9CD91): A whisper-light, dusty green — the color of a quiet forest floor.
- Turquoise (#5FAA9C): A luminous, dusty teal — the color of glacier melt.
- Slate (#4869A9): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#4F2A40): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Nature, Growth, 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
- Petrol Garden color palette (#FEF1F7, #F5BEA0, #83A674, #007694, #432D53)
- Aged Pewter Orchard color palette (#EAF9F5, #BCD6A4, #64A4BD, #875491, #4E2C3D)
- Washed Teal color palette (#F1F7F2, #D5D6E5, #AFC5EA, #50A392, #365164)
- Sunlit Basin color palette (#E7F9FA, #83CDAB, #578FC2, #87387F, #451F00)
- Aubergine Delta color palette (#E3FBF7, #7CB875, #0081AF, #6C2676, #2F1200)
- Patina Coast color palette (#FBF2F8, #FDB1A3, #42BDC7, #B1708C, #4C3A58)
- Hushed Amber Delta color palette (#F7F1E6, #B99836, #5F709C, #633F54, #3A1C2A)
- Patina Canyon color palette (#EAFAF2, #AFB475, #3E5B56, #1D3028, #0B110D)
Browse the whole catalog at Explore, or see today's palette.