Petrol Loft color palette — #EFE8DE · #75BDE6 · #246EB1 · #004A54 · #061335
A conversation between Slate and Sky, giving this palette its sense of trust and stability.
The five colors
- Parchment (#EFE8DE): bright and airy, almost weightless.
- Sky (#75BDE6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#246EB1): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#004A54): A deep, shadowed, dusty blue — the color of deep harbor water.
- Midnight (#061335): A deep, shadowed, dusty violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Calm, Balance. 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 Lagoon color palette (#F6EBF0, #81BAD9, #2D68B2, #004F51, #252855)
- Aqua Pier color palette (#F2E8D8, #5AC7C5, #007986, #004D39, #001922)
- Washed Cobalt color palette (#F6F1E9, #9FD4C5, #547BBF, #00586D, #31152A)
- Antique Thicket color palette (#E3F2F1, #A7C9E4, #2C8DD1, #006882, #0C2F52)
- Worn Cerulean color palette (#ECE2D3, #2898B4, #005070, #002C2B, #00040E)
- Timeworn Corridor color palette (#F6F1EA, #BEECF1, #7D9ECB, #3B7482, #432E3E)
- Pale Byzantium Summit color palette (#E6DCF3, #8B35CD, #865000, #005952, #120220)
- Mallow Basin color palette (#FFE2EC, #F2AFF0, #D68599, #5D5A91, #300F18)
Browse the whole catalog at Explore, or see today's palette.