Softworn Petrol color palette — #D7E7F4 · #0073A6 · #546300 · #004829 · #000C17
Slate takes the lead with Olive close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#D7E7F4): A whisper-light, dusty blue — the color of deep harbor water.
- Slate (#0073A6): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Olive (#546300): A full-bodied, balanced green — the color of new leaves after rain.
- Forest (#004829): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#000C17): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Balance. 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
- Ultramarine Field color palette (#E5F0FF, #0058CB, #225700, #003A30, #000509)
- Washed Cornflower Grove color palette (#EBF2FF, #5474D8, #00813F, #00564D, #060E37)
- Amethyst Coast color palette (#E3E5F3, #7A44D0, #006A5D, #00434F, #100027)
- Tempered Magenta Hollow color palette (#F5F3FF, #C461DC, #9B7900, #00644E, #190020)
- Plum Garden color palette (#EAE5FD, #99599B, #007183, #004774, #130926)
- Wandering Chestnut Corridor color palette (#D1EFD5, #6B4C00, #005137, #002E2E, #040200)
- Tempered Cypress color palette (#E9F3FF, #7A97BE, #698E62, #006F5B, #162434)
- Gentle Hollow color palette (#F7E1F8, #C7003F, #695B00, #2C4400, #1D0004)
Browse the whole catalog at Explore, or see today's palette.