Softworn Petrol color palette — #F6F6E9 · #B7EBCE · #62B3A6 · #4975A9 · #3D413A
A conversation between Slate and Turquoise, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F6F6E9): a clean, paper-quiet neutral.
- Mint (#B7EBCE): A whisper-light, dusty teal — the color of sea glass.
- Turquoise (#62B3A6): A luminous, balanced teal — the color of shallow lagoons.
- Slate (#4975A9): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#3D413A): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged retro, muted, cool.
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
- Muted Pewter Bloom color palette (#F3F7EA, #A9E9F5, #72AAC8, #7E649F, #2F4539)
- Petrol Thicket color palette (#F9F5E7, #DCE2AF, #8FAC7F, #00828E, #484000)
- Wandering Jade Delta color palette (#E6FBF3, #76BA86, #438672, #405C76, #354D4D)
- Muted Fern Ridge color palette (#FFF2EA, #BEDBA7, #69C0B9, #AB7C93, #414E00)
- Aubergine Delta color palette (#F3F9DD, #5DC9D4, #128BAF, #5B3B92, #032915)
- Softworn Teal color palette (#F5F6EF, #C3DDE1, #9CD0C5, #3FA594, #385541)
- Washed Teal color palette (#F2F8EB, #7FBEA3, #4C5946, #272E1E, #0E100A)
- Aubergine Boulevard color palette (#F5F8DE, #00BAB2, #007889, #392A8A, #001617)
Browse the whole catalog at Explore, or see today's palette.