Petrol Corridor color palette — #EDF2F8 · #D9D6DE · #C2B9C2 · #4C79A4 · #262D34

Built around Slate, softened by Stone — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF2F8): bright and airy, almost weightless.
• Silver (#D9D6DE): a clean, paper-quiet neutral.
• Stone (#C2B9C2): soft and architectural.
• Slate (#4C79A4): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#262D34): quiet, heavy and certain.

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

• Timeworn Villa color palette (#F1F6FB, #DAD9E0, #C3BCCB, #4676B0, #3F4954)
• Weathered Thicket color palette (#F2F1F8, #DDD3D7, #C4B1BD, #7A557E, #211E2B)
• Timeworn Cobalt color palette (#DAE1F1, #686CB8, #332D42, #101524, #02070D)
• Powder Pier color palette (#E4F4FF, #B1BDDE, #94869D, #3D615B, #1D3F3A)
• Wandering Navy Ridge color palette (#E5EEF8, #9A9FB4, #807695, #00346F, #00040F)
• Softworn Olive Courtyard color palette (#FAEEF3, #99BDA8, #627F4E, #54526A, #132D20)
• Pewter Orchard color palette (#E1F8F0, #59A8C5, #745D99, #404D14, #102439)
• Hushed Garnet color palette (#EAE6F2, #BBAEBC, #9D8691, #68255C, #0D0717)

Browse the whole catalog at Explore, or see today's palette.