Softworn Petrol Drift color palette — #F4F7EA · #B7DFCB · #5A9EC3 · #00798A · #133E5B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#F4F7EA): bright and airy, almost weightless.
- Celadon Mist (#B7DFCB): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#5A9EC3): A luminous, balanced blue — the color of a favorite pair of jeans.
- Teal (#00798A): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#133E5B): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Softworn Petrol Drift 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
- Ancient Villa color palette (#E8E9DB, #6DAFB1, #00747F, #004B44, #00171D)
- Ancient Lagoon color palette (#EFF0E0, #8FD3D0, #0099A0, #006D5E, #00353C)
- Periwinkle Delta color palette (#F4F6EF, #C1E4E9, #83A7D8, #4782A3, #593D55)
- Softworn Garden color palette (#FBF3EE, #AFCDBE, #3D7DB4, #00605C, #2A3863)
- Weathered Alley color palette (#FDF1F7, #B5E9FF, #65B9FF, #00A198, #2A3B57)
- Dusty Cobalt color palette (#E3E8D7, #85B9D9, #057AC0, #00566C, #001F42)
- Muted Glacier color palette (#E8FCE2, #A2F3F4, #81D4E6, #509179, #30462D)
- Cobalt Hollow color palette (#D7EDCC, #00AD96, #2B90D6, #797E00, #1F3114)
Browse the whole catalog at Explore, or see today's palette.