Petrol Corridor color palette — #F9F2FA · #E7D4D8 · #C9B5C3 · #346CAA · #463C47
Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.
The five colors
- Ivory (#F9F2FA): a clean, paper-quiet neutral.
- Silver (#E7D4D8): A whisper-light, dusty red — the color of late-summer berries.
- Rosewood Mist (#C9B5C3): A luminous, dusty pink — the color of peonies in June.
- Slate (#346CAA): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal (#463C47): A deep, shadowed, dusty pink — the color of a candy shop window.
Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.
Use it as a design system
One click turns Petrol Corridor 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
- Petrol Basin color palette (#EEF8F2, #C9DFDF, #A4C4BA, #007691, #35443B)
- Timeworn Lagoon color palette (#F0F6FC, #DBD8E7, #CAB9D4, #248CD6, #2D4255)
- Muted Petrol Cabin color palette (#E9F5F1, #EBD6D9, #D5B5C1, #0070B2, #162924)
- Dusty Denim color palette (#F3ECF2, #D7C6D2, #B297A6, #315196, #382836)
- Softworn Driftwood color palette (#FCF2F3, #E0D8D3, #ACAEA4, #977494, #595051)
- Wandering Aubergine Lantern color palette (#FFF1F4, #E5CBCE, #C29B9D, #802F96, #442B31)
- Hushed Aubergine color palette (#F0E0E5, #BBA2A7, #967579, #492065, #1E0E14)
- Moonless Lapis Market color palette (#F7DCEE, #554FD9, #2C2349, #250F1F, #0F0406)
Browse the whole catalog at Explore, or see today's palette.