Petrol Loft color palette — #EDF2FD · #ABAEE4 · #CD8688 · #696AA5 · #3E283E
Slate takes the lead with Dusty Rose close behind in a set that reads as creativity and sophistication at first glance.
The five colors
- Ivory (#EDF2FD): bright and airy, almost weightless.
- Mauve (#ABAEE4): A luminous, dusty violet — the color of a velvet chair.
- Dusty Rose (#CD8688): A luminous, balanced red — the color of late-summer berries.
- Slate (#696AA5): A full-bodied, balanced violet — the color of twilight just after sunset.
- Espresso (#3E283E): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Creativity, Sophistication. Tagged 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
- Patina Summit color palette (#F3F0FB, #CDA4C9, #C09262, #8C6088, #452632)
- Driftwood Garden color palette (#EDF1FF, #9A95C9, #B87790, #4A8195, #222637)
- Ancient Pier color palette (#EEF1FF, #DBD3E0, #B1A59D, #7787A6, #3A3D4C)
- Ancient Indigo color palette (#FFF0FA, #A2ACDF, #AD9756, #5F6ABB, #504D46)
- Softworn Iris Archive color palette (#FEF1F9, #B8C0F4, #E09CA1, #7B85D1, #6B3E42)
- Worn Pewter Chapel color palette (#F2F0FB, #DBB7CF, #645B7D, #322D41, #15121C)
- Pale Mulberry Cabin color palette (#F5EEFF, #CF89BA, #5395C2, #91457C, #002A43)
- Petrol Atelier color palette (#E6F4FF, #86BBDC, #82A87B, #2E7AA3, #023A34)
Browse the whole catalog at Explore, or see today's palette.