Petrol Loft color palette — #F1F7F2 · #D8DDEF · #819CB9 · #487688 · #43536D
Built around Slate, softened by Blue Fog — the whole palette hums with calm and sophistication.
The five colors
- Ivory (#F1F7F2): a clean, paper-quiet neutral.
- Silver (#D8DDEF): A whisper-light, dusty violet — the color of twilight just after sunset.
- Blue Fog (#819CB9): A luminous, dusty blue — the color of deep harbor water.
- Slate (#487688): A full-bodied, dusty blue — the color of open sky before noon.
- Peacock (#43536D): A full-bodied, dusty blue — the color of open sky before noon.
Feels like: 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
- Washed Powder color palette (#E5FAFD, #D4DCE8, #BCC4E8, #679695, #3E565F)
- Wandering Garden color palette (#F7EFF3, #D8D1E4, #879EC0, #007C74, #2E3450)
- Timeworn Courtyard color palette (#E7F0E8, #6CA8C3, #005C91, #003D42, #021C48)
- Timeworn Alley color palette (#E9F8FB, #72C1B0, #C78294, #2F8272, #58455E)
- Worn Cerulean color palette (#F0F7F1, #A9CBDC, #3181A8, #00605E, #1D3D5A)
- Washed Pier color palette (#E8F2EA, #40A19C, #00545C, #003122, #00171F)
- Ancient Teal Workshop color palette (#E2FAFF, #56A99E, #937FAC, #926E4B, #29484E)
- Ancient Navy color palette (#E2F0E4, #5685AD, #003586, #00212A, #05002C)
Browse the whole catalog at Explore, or see today's palette.