Petrol Corridor color palette — #ECF3F7 · #D2D5E2 · #A6B9D2 · #007089 · #172228

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#ECF3F7): a clean, paper-quiet neutral.
• Silver (#D2D5E2): a clean, paper-quiet neutral.
• Ash (#A6B9D2): A luminous, dusty blue — the color of open sky before noon.
• Teal (#007089): A full-bodied, balanced blue — the color of open sky before noon.
• Onyx (#172228): 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 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

• Wandering Petrol color palette (#F0F7F2, #C6DFE3, #C2ACB8, #0F707F, #333E36)
• Antique Courtyard color palette (#EEF7FB, #D9DAE5, #BEACA7, #3B98A9, #243036)
• Patina Pewter color palette (#D2E4F1, #8DA0BC, #726596, #694327, #0F311C)
• Dusty Ultramarine color palette (#EDF2FA, #CCD3E9, #A6A8CB, #1A4BCC, #101A29)
• Washed Amethyst color palette (#F0F1FA, #DED2E0, #C5B8D9, #7652B8, #212335)
• Abyss Market color palette (#E8EEF3, #A8B5C3, #7E8EAA, #004A65, #030C14)
• Timeworn Cypress color palette (#E3F7F2, #76B085, #00765C, #115054, #032120)
• Aged Aubergine color palette (#E8E8F2, #CCC8D9, #AA9EB6, #693C8C, #151421)

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