Petrol Loft color palette — #F5F0F5 · #E2D2D3 · #DCB1C3 · #436BA9 · #2A222A
Slate takes the lead with Rosewood Mist close behind in a set that reads as trust and stability at first glance.
The five colors
- Ivory (#F5F0F5): a clean, paper-quiet neutral.
- Silver (#E2D2D3): a clean, paper-quiet neutral.
- Rosewood Mist (#DCB1C3): A luminous, dusty rose — the color of a warm blush.
- Slate (#436BA9): A full-bodied, balanced blue — the color of deep harbor water.
- Onyx (#2A222A): a grounded near-black with real depth.
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
- Antique Petrol color palette (#ECF4EE, #C3DDDE, #CBB7CE, #007989, #19291E)
- Amethyst Dune color palette (#FAEEF2, #E2D2CD, #D9B5B4, #8150AB, #302025)
- Worn Petrol color palette (#F0F6FD, #DFD7EB, #BDB8CE, #376DA4, #38414A)
- Tempered Denim Bloom color palette (#EDE7EC, #D6C6CE, #B89BA3, #3B4E98, #1E101C)
- Azure Terrace color palette (#F9F3FA, #E8D7D8, #BCB2A7, #4996E2, #3D2F3F)
- Hushed Driftwood color palette (#F8EFF0, #DFD5CF, #B4B1A1, #9C7492, #3B3434)
- Aged Driftwood Lantern color palette (#D6DCFF, #BDA2D6, #9B678E, #5C501A, #34342D)
- Obsidian Harbor color palette (#F7E0EC, #6A42E5, #381949, #1E0615, #060205)
Browse the whole catalog at Explore, or see today's palette.