Worn Petrol Loft color palette — #F7EFF2 · #D7DBED · #889DBF · #2A7781 · #2E354D
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Cream (#F7EFF2): a clean, paper-quiet neutral.
- Silver (#D7DBED): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#889DBF): A luminous, dusty blue — the color of deep harbor water.
- Teal (#2A7781): A full-bodied, dusty blue — the color of open sky before noon.
- Navy (#2E354D): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Worn Petrol Loft 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
- Timeworn Petrol Workshop color palette (#EFF7F7, #D8DBEC, #779CC7, #387793, #43546A)
- Hushed Denim Loft color palette (#F4E6EC, #79A2BE, #2B559D, #00393D, #09002D)
- Aged Lantern color palette (#EEE6EC, #86BDCC, #0073A6, #004C42, #00123A)
- Pine Canyon color palette (#F2EFFF, #B38DB7, #8D9352, #468A55, #282437)
- Aged Veranda color palette (#F4E8F0, #52808D, #004351, #002111, #000103)
- Iris Cabin color palette (#F0F0FF, #E6D3DF, #E3B5BE, #878EC4, #3A3348)
- Tempered Pier color palette (#F8EEF5, #AAD8EA, #008FBA, #00644D, #002647)
- Wandering Chestnut Alley color palette (#E9F6ED, #A4C3B7, #678D75, #70512D, #1C312D)
Browse the whole catalog at Explore, or see today's palette.