Petrol Corridor color palette — #FFF1F6 · #51A9A0 · #4D699E · #6C4319 · #214250

Slate takes the lead with Turquoise close behind in a set that reads as optimism and calm at first glance.

The five colors

• Ivory (#FFF1F6): bright and airy, almost weightless.
• Turquoise (#51A9A0): A luminous, balanced teal — the color of glacier melt.
• Slate (#4D699E): A full-bodied, balanced violet — the color of a velvet chair.
• Bronze (#6C4319): A full-bodied, dusty gold — the color of afternoon light on wheat.
• Deep Teal (#214250): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.

Feels like: Optimism, Calm, Sophistication. Tagged retro, muted, cool.

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

• Pewter Meadow color palette (#DEFDF3, #51A4BF, #715D9A, #455520, #2D3F52)
• Timeworn Jade color palette (#FDF0FF, #70A870, #007690, #773544, #1B4448)
• Patina Canyon color palette (#FBF0E0, #48ACC0, #396DA7, #7B2225, #022A1C)
• Pewter Corridor color palette (#E4FAFA, #459C74, #7C4E89, #4F4A00, #203A12)
• Cypress Courtyard color palette (#ECF9EF, #8ABCAD, #4C8064, #3A5F72, #2A4A41)
• Terracotta Cabin color palette (#E8FBEB, #69C0D2, #6089B9, #A03F3F, #264151)
• Patina Cypress color palette (#FAF2F9, #C1E3F0, #5093B7, #2A724E, #374961)
• Abyss Archive color palette (#DAFDFF, #9BB4C8, #80839E, #4E6757, #2A514D)

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