Petrol Loft color palette — #E4F2ED · #E5D0E0 · #CBAEBA · #2D78A9 · #22322D
A conversation between Slate and Rosewood Mist, giving this palette its sense of trust and stability.
The five colors
- Cream (#E4F2ED): a clean, paper-quiet neutral.
- Silver (#E5D0E0): A whisper-light, dusty pink — the color of peonies in June.
- Rosewood Mist (#CBAEBA): A luminous, dusty rose — the color of a warm blush.
- Slate (#2D78A9): A full-bodied, balanced blue — the color of open sky before noon.
- Deep Forest (#22322D): A deep, shadowed, dusty teal — the color of sea glass.
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
- Ancient Workshop color palette (#E8F0F5, #D3D1DC, #C5B3CA, #239CDC, #21303C)
- Denim Hollow color palette (#E5F2ED, #D6C7D1, #B6969F, #005B84, #23322C)
- Antique Indigo color palette (#FEF1F7, #FBD2D9, #DCB2AF, #7F63C1, #402C35)
- Ash Summit color palette (#FAF2F8, #E7D7D6, #CDBCB6, #838DB4, #4E454B)
- Nightshade Villa color palette (#F3E3EC, #CAAAB3, #AD8C8C, #4D4398, #1C0F17)
- Chestnut Corridor color palette (#CEE2F1, #9C9DD3, #A57096, #6F6010, #393730)
- Timeworn Taupe Courtyard color palette (#F4E1CC, #B5A64D, #637C37, #4A5378, #32270D)
- Brick Coast color palette (#C7EBE0, #008CDE, #B51B39, #464500, #1B2300)
Browse the whole catalog at Explore, or see today's palette.