Softworn Petrol color palette — #F2F5FF · #A99DD7 · #499A85 · #007282 · #2A3748
A conversation between Teal and Fern, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F2F5FF): bright and airy, almost weightless.
- Mauve (#A99DD7): A luminous, balanced violet — the color of a velvet chair.
- Fern (#499A85): A luminous, balanced teal — the color of sea glass.
- Teal (#007282): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Teal (#2A3748): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Creativity, Sophistication. Tagged jewel, vibrant, 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
- Tempered Study color palette (#F7F3FE, #C795BC, #208FA9, #3566A4, #2F2F40)
- Pine Studio color palette (#EFF6FC, #78AAD3, #7D8A4C, #25805B, #1F3640)
- Orchid Boulevard color palette (#F4F4FF, #A26BDC, #008179, #005B74, #1B2046)
- Timeworn Mallow Station color palette (#FFF1F1, #FC9ABE, #58BAAB, #58968C, #3C2F3B)
- Olive Courtyard color palette (#F9F2FB, #B97282, #626C20, #095C76, #3C3442)
- Weathered Archive color palette (#F8F2FF, #B8659B, #00728F, #1844AB, #1E1C37)
- Weathered Olive Terrace color palette (#EEF9EE, #E9AE9B, #B7865D, #597A3F, #583F4D)
- Aged Stone Delta color palette (#FFF2EF, #F9A2AF, #B09249, #66618B, #2E1D1E)
Browse the whole catalog at Explore, or see today's palette.