Softworn Petrol color palette — #F0F7F3 · #EFD7DD · #D1B2BE · #007595 · #35443C
A conversation between Teal and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F0F7F3): a clean, paper-quiet neutral.
- Shell Pink (#EFD7DD): A whisper-light, dusty red — the color of embers at dusk.
- Rosewood Mist (#D1B2BE): A luminous, dusty rose — the color of strawberry cream.
- Teal (#007595): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#35443C): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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 Loft color palette (#EBF3F8, #D5D6EE, #B1C0DC, #1E7499, #182731)
- Denim Alley color palette (#E6F1ED, #D4C8D0, #B498A0, #005C83, #23312C)
- Patina Driftwood color palette (#FAF3F5, #E1D8D4, #A8AEA3, #8879A1, #585053)
- Washed Turquoise Workshop color palette (#EDF7FE, #D8D8E7, #B8A7AA, #11B3E9, #31424E)
- Aged Nightshade color palette (#FFF0F8, #E6CACE, #C69B92, #5B47A5, #3F2C37)
- Hushed Jade color palette (#FAF6E2, #6BB780, #007A71, #285479, #1C4428)
- Wandering Violet color palette (#BFFCFB, #88AED0, #926CB4, #51673A, #534F00)
- Worn Market color palette (#F3DDF3, #0063CF, #341F4A, #231023, #09140E)
Browse the whole catalog at Explore, or see today's palette.