Softworn Petrol color palette — #C6E6FC · #4C648D · #3C3156 · #3B1800 · #1B1200
A conversation between Slate and Espresso, giving this palette its sense of trust and stability.
The five colors
- Frost (#C6E6FC): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#4C648D): A full-bodied, dusty violet — the color of twilight just after sunset.
- Navy (#3C3156): A deep, shadowed, dusty violet — the color of twilight just after sunset.
- Espresso (#3B1800): A deep, shadowed, dusty gold — the color of old brass.
- Ink (#1B1200): A deep, shadowed, dusty gold — the color of old brass.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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
- Denim Boulevard color palette (#C6EBDE, #11647E, #3A345C, #121F00, #020400)
- Antique Chapel color palette (#D7EFEB, #1A7B8F, #234361, #450619, #270900)
- Ancient Pewter color palette (#ECEFFF, #735482, #5B2D49, #221F00, #00110B)
- Navy Thicket color palette (#D1ECE2, #3B83A5, #4E427E, #283C00, #091100)
- Cerulean Orchard color palette (#E3EFE5, #448B9F, #00425C, #002222, #000A18)
- Grape Grove color palette (#EBE4FC, #6D48AC, #380068, #1F0711, #0C001F)
- Pewter Courtyard color palette (#DDF0FA, #6F86B9, #715D9E, #733A03, #140D00)
- Driftwood Balcony color palette (#DFE1F8, #987CB2, #7E4A67, #453700, #122D03)
Browse the whole catalog at Explore, or see today's palette.