Softworn Petrol color palette — #EEF7FC · #D5D9EC · #A4BEE3 · #007692 · #33424B
Built around Teal, softened by Sky — the whole palette hums with trust and stability.
The five colors
- Ivory (#EEF7FC): a clean, paper-quiet neutral.
- Silver (#D5D9EC): A whisper-light, dusty violet — the color of a velvet chair.
- Sky (#A4BEE3): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007692): A full-bodied, balanced blue — the color of deep harbor water.
- Charcoal (#33424B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Hushed Summit color palette (#E7F4FB, #D4D5EB, #B9BED4, #00788C, #18272F)
- Timeworn Denim Balcony color palette (#E9F0F5, #C4CDD8, #90A1C2, #005C7F, #22303A)
- Tempered Drift color palette (#F0F7F2, #EED9E1, #DFBBBC, #3594A6, #35443A)
- Driftwood Thicket color palette (#F4F5FB, #DFD8E0, #BBA8A2, #7A7FA5, #515259)
- Softworn Pewter color palette (#C9E8FF, #9BABD5, #826BA2, #7C5134, #304E3A)
- Twilit Cobalt color palette (#D4E6F9, #006BB8, #1E235B, #011931, #050813)
- Weathered Boulevard color palette (#E0FCF6, #6EB586, #007C62, #005C63, #19452A)
- Wandering Grape color palette (#F2F5FE, #D0D0E6, #BC99BA, #5C36C2, #2D3245)
Browse the whole catalog at Explore, or see today's palette.