Petrol Loft color palette — #FEF0FF · #A0BCE4 · #6782BF · #5563A3 · #634158
A conversation between Slate and Slate Blue, giving this palette its sense of trust and stability.
The five colors
- Blush (#FEF0FF): A whisper-light, dusty pink — the color of peonies in June.
- Sky (#A0BCE4): A luminous, dusty blue — the color of open sky before noon.
- Slate Blue (#6782BF): A luminous, balanced violet — the color of twilight just after sunset.
- Slate (#5563A3): A full-bodied, balanced violet — the color of a velvet chair.
- Charcoal Brown (#634158): A full-bodied, dusty pink — the color of peonies in June.
Feels like: Trust, Stability, Creativity, Calm, Sophistication. Tagged muted, cool.
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
- Wandering Delta color palette (#EBF7FF, #90C9F9, #80A0F4, #7774AC, #4A4B66)
- Cobalt Atelier color palette (#D7F8E9, #86B6E5, #5E86D1, #4F5183, #452B36)
- Driftwood Basin color palette (#FFF1F6, #C3ACDB, #9870B0, #7D4F86, #684349)
- Aged Corridor color palette (#FCF2F9, #9FAFD9, #5AAA92, #516CC2, #435334)
- Softworn Petrol color palette (#DCFFEB, #88C0D7, #418FB6, #196C9F, #2E584F)
- Dusty Cerulean Boulevard color palette (#FEF1F8, #E6D6D5, #E6B8AF, #7687BA, #604854)
- Hushed Veranda color palette (#FFF0FC, #8697C3, #A8779D, #00868F, #4E3B4A)
- Muted Aubergine Courtyard color palette (#E5E0F5, #AD90D7, #8447AF, #70208C, #502C54)
Browse the whole catalog at Explore, or see today's palette.