Petrol Loft color palette — #EEF7F6 · #D4DDEE · #799FB8 · #3F7981 · #405566
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#EEF7F6): bright and airy, almost weightless.
- Silver (#D4DDEE): A whisper-light, dusty violet — the color of wild irises.
- Blue Fog (#799FB8): A luminous, dusty blue — the color of deep harbor water.
- Teal (#3F7981): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#405566): A full-bodied, dusty blue — the color of deep harbor water.
Feels like: Trust, Stability, 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
- Timeworn Balcony color palette (#EDF7FF, #D8D9E4, #C6C0E5, #6892AB, #475461)
- Muted Cypress color palette (#F6F0F4, #D4DBEA, #80A0BD, #007C73, #28364E)
- Timeworn Denim Drift color palette (#DFF0ED, #5AACC0, #00617B, #003D42, #002333)
- Petrol Pier color palette (#EAF8FF, #7DBBCC, #90A165, #1B7F96, #2C564A)
- Timeworn Abyss color palette (#D9EFED, #5588A2, #004163, #00212A, #000A18)
- Cobalt Basin color palette (#EAF9F8, #A9D3F8, #3D81CC, #006183, #1F3E74)
- Antique Atelier color palette (#EEF7F6, #CFDFF2, #78A0B1, #437883, #3C5765)
- Timeworn Field color palette (#EEF7F6, #D1DEF1, #78A0B3, #3F7A7A, #3A5768)
Browse the whole catalog at Explore, or see today's palette.