Petrol Loft color palette — #E0ECEB · #9AB8CE · #0072AC · #004959 · #00172E
Slate takes the lead with Deep Teal close behind in a set that reads as trust and stability at first glance.
The five colors
- Frost (#E0ECEB): a clean, paper-quiet neutral.
- Ash (#9AB8CE): A luminous, dusty blue — the color of deep harbor water.
- Slate (#0072AC): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Teal (#004959): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#00172E): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns 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
- Softworn Cobalt color palette (#EAF4F4, #ADCBE7, #4C7FB7, #005775, #0C1F40)
- Washed Sapphire Veranda color palette (#F7ECE3, #8EBDAA, #0066C6, #004F51, #242856)
- Hushed Lilac color palette (#E4F1FF, #A9C1E4, #9598EA, #006C9A, #091D3A)
- Dusty Coast color palette (#D6E2E0, #74A5B3, #00646B, #003A33, #000D11)
- Softworn Grape Bloom color palette (#CFE5F6, #0074A0, #7137B8, #005A43, #000D15)
- Frosted Cabin color palette (#C9E1FF, #609AE0, #005B9D, #002545, #000410)
- Weathered Workshop color palette (#E0F4EF, #4C828E, #004547, #002019, #000202)
- Dusty Chapel color palette (#DFF2FF, #008BBA, #3E7D00, #004D6A, #061700)
Browse the whole catalog at Explore, or see today's palette.