Softworn Petrol color palette — #EAF4F4 · #D6D9EC · #839EC2 · #44718A · #2A3749
A conversation between Slate and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EAF4F4): a clean, paper-quiet neutral.
- Silver (#D6D9EC): A whisper-light, dusty violet — the color of a velvet chair.
- Blue Fog (#839EC2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#44718A): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Deep Teal (#2A3749): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Sophistication. Tagged coastal, cool, 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
- Petrol Studio color palette (#DEEDEB, #81BED1, #00769A, #004A52, #001827)
- Misty Denim color palette (#D6E9E8, #5DA4D8, #00599F, #00364A, #000922)
- Lagoon Station color palette (#EAF4F2, #B1E7F4, #3D9EA3, #206C5F, #0F313D)
- Patina Petrol Cabin color palette (#F9F4EE, #C8E8EC, #AE8DAB, #38788C, #64495C)
- Powder Parlor color palette (#FCF2F5, #D9D3DE, #C3BDE7, #7099A9, #474C5F)
- Weathered Mint color palette (#E0F8F2, #9DC17A, #56A7CB, #607C41, #173446)
- Hushed Lagoon color palette (#D5E4E1, #2F8789, #00444B, #00201C, #000202)
- Weathered Driftwood color palette (#FDEDF3, #DBACBC, #9F7486, #6B4E5D, #252F25)
Browse the whole catalog at Explore, or see today's palette.