Petrol Loft color palette — #F6F0F5 · #E1D2D3 · #CAAEB9 · #46639D · #261D25
A conversation between Slate and Rosewood Mist, giving this palette its sense of creativity and sophistication.
The five colors
- Ivory (#F6F0F5): bright and airy, almost weightless.
- Silver (#E1D2D3): bright and airy, almost weightless.
- Rosewood Mist (#CAAEB9): A luminous, dusty rose — the color of a warm blush.
- Slate (#46639D): A full-bodied, balanced violet — the color of wild irises.
- Onyx (#261D25): A deep, shadowed, dusty pink — the color of peonies in June.
Feels like: Creativity, 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
- Worn Petrol Hollow color palette (#F0F6FC, #DED6E8, #B5AFC6, #426691, #343B44)
- Muted Grape Terrace color palette (#F8EFF2, #EBCACF, #CD9D9C, #723C9E, #28121A)
- Washed Alley color palette (#F9F3F9, #E8D8D7, #C3B5A3, #5A8CCD, #332B33)
- Navy Lagoon color palette (#E5DCE2, #BEAEB5, #AB7F8C, #313986, #10070E)
- Velvet Lapis Boulevard color palette (#F3E1E9, #6750B2, #32183C, #170610, #040104)
- Wandering Market color palette (#F7EFF1, #DDD5D1, #B3AEA2, #9F757F, #3B3435)
- Softworn Driftwood color palette (#F2E0EB, #AC92C0, #9C6287, #5A5128, #2B2B15)
- Aged Pine Quarry color palette (#F7F2E3, #94A96F, #397437, #294A65, #1F1D05)
Browse the whole catalog at Explore, or see today's palette.