Petrol Loft color palette — #DCE7EE · #B1AECD · #A48FB1 · #007DA0 · #011623
A conversation between Cerulean and Dusty Rose, giving this palette its sense of trust and stability.
The five colors
- Frost (#DCE7EE): bright and airy, almost weightless.
- Mauve (#B1AECD): A luminous, dusty violet — the color of wild irises.
- Dusty Rose (#A48FB1): A luminous, dusty violet — the color of wild irises.
- Cerulean (#007DA0): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Ink (#011623): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Muted Meadow color palette (#D9DFEB, #BBAAC0, #AA8D9E, #5D68BC, #0D1321)
- Washed Dune color palette (#E0F4EC, #C0ADC0, #AC89A1, #00597F, #071712)
- Dusty Abyss Station color palette (#E7F0EC, #A79BA6, #8D7380, #003B54, #000603)
- Patina Denim Studio color palette (#E6F0F8, #C1D2E4, #97A7BE, #00537C, #000307)
- Dusty Iris Ridge color palette (#EBEEF7, #DECEDF, #C9B1BD, #8988D6, #292D3B)
- Timeworn Iris color palette (#C5EEF6, #6992E0, #9E5D91, #4F5601, #1D2100)
- Brick Ridge color palette (#CFECFB, #008FAF, #BD0024, #4C4400, #090700)
- Grape Station color palette (#F7EFD5, #0099B4, #7044CF, #574600, #000C1A)
Browse the whole catalog at Explore, or see today's palette.