Petrol Loft color palette — #E9EFE4 · #909E93 · #517494 · #003427 · #050C01
Slate and Deep Forest set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#E9EFE4): a clean, paper-quiet neutral.
- Taupe (#909E93): A luminous, dusty teal — the color of glacier melt.
- Slate (#517494): A full-bodied, dusty blue — the color of open sky before noon.
- Deep Forest (#003427): A deep, shadowed, dusty teal — the color of glacier melt.
- Ink (#050C01): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
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
- Dusty Spruce Canyon color palette (#DFE6E2, #A195A1, #876575, #00313C, #000D05)
- Antique Abyss Delta color palette (#E9F2E4, #9AAA9B, #718E7D, #005146, #040C01)
- Muted Cypress color palette (#D9E7E9, #95A2B3, #80879B, #007460, #000C0E)
- Washed Corridor color palette (#E0E7E2, #C1B4C2, #A18493, #004D5B, #15231A)
- Worn Denim color palette (#EAF9F5, #E2CBD8, #C39AA1, #005D9C, #213832)
- Washed Navy color palette (#EAE7CC, #1F7362, #044279, #282000, #160E00)
- Nightshade Atelier color palette (#E3EDE2, #538800, #00756E, #3400B4, #00060A)
- Smoked Spruce color palette (#CCEAD1, #4B4C55, #003539, #0A181B, #00040E)
Browse the whole catalog at Explore, or see today's palette.