Softworn Petrol color palette — #F2F5FF · #F1D2E9 · #CD98DA · #5461A8 · #0E0E2B
Slate and Mauve set the tone — five colors that lean into creativity and sophistication.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Thistle (#F1D2E9): A whisper-light, dusty pink — the color of a candy shop window.
- Mauve (#CD98DA): A luminous, balanced pink — the color of neon signs at night.
- Slate (#5461A8): A full-bodied, balanced violet — the color of wild irises.
- Ink (#0E0E2B): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Creativity, Sophistication. Tagged pastel, light, 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
- Antique Violet Archive color palette (#F5F4FF, #FFD4F7, #E097B6, #8258AB, #1F011F)
- Aged Peony Field color palette (#F0E2ED, #C09AE8, #C25E90, #00537E, #130629)
- Timeworn Powder Boulevard color palette (#EDF7FF, #C2DDFF, #9EB4FC, #007394, #001224)
- Wandering Courtyard color palette (#F8E5EF, #BEA7E2, #B06CC4, #393E8A, #291E43)
- Washed Cobalt color palette (#D1E0FB, #DDBFF8, #FB92B4, #0090D7, #251442)
- Dusty Orchid Boulevard color palette (#FDF0FF, #E9D6D9, #B8AE98, #9D65CC, #3E113B)
- Tempered Coral Loft color palette (#E8DCF7, #DB98B0, #CE6A74, #63255F, #040001)
- Hushed Plum color palette (#FCF0FF, #E8DCD6, #FFBDAD, #AA5C83, #3A0E16)
Browse the whole catalog at Explore, or see today's palette.