Petrol Loft color palette — #FFDBE7 · #CA9782 · #918552 · #48679E · #361C46
Slate takes the lead with Deep Indigo close behind in a set that reads as nature and growth at first glance.
The five colors
- Shell Pink (#FFDBE7): A whisper-light, dusty rose — the color of a warm blush.
- Camel (#CA9782): A luminous, dusty orange — the color of toasted spice.
- Mocha (#918552): A luminous, dusty green — the color of a quiet forest floor.
- Slate (#48679E): A full-bodied, balanced violet — the color of wild irises.
- Deep Indigo (#361C46): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, 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
- Softworn Petrol color palette (#F3DCFA, #CB959D, #A87B5D, #00718A, #1E234C)
- Powdered Nightshade color palette (#FBDEDC, #B58C65, #787C3D, #464EA7, #341030)
- Patina Grove color palette (#EEDDE8, #89AA90, #789367, #695489, #461C30)
- Ancient Cabin color palette (#FFE9E7, #DDAD82, #91A160, #6F72B7, #632351)
- Soft Indigo Market color palette (#E2F2E5, #D7A73A, #6269E9, #8F6A00, #120156)
- Olive Dune color palette (#ECDEC4, #A59C60, #6B7B3C, #00594E, #002D30)
- Muted Meadow color palette (#DAEEDD, #ACBE90, #53A996, #90627B, #56282F)
- Linen Drift color palette (#FDE8DC, #8F8A47, #347E4D, #5C306D, #24000C)
Browse the whole catalog at Explore, or see today's palette.