Petrol Corridor color palette — #D4E5E0 · #0067A8 · #371B2A · #001913 · #000605

Peacock and Onyx set the tone — five colors that lean into trust and stability.

The five colors

• Silver (#D4E5E0): bright and airy, almost weightless.
• Peacock (#0067A8): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#371B2A): A deep, shadowed, dusty rose — the color of pressed rose petals.
• Ink (#001913): A deep, shadowed, dusty teal — the color of sea glass.
• Ink (#000605): quiet, heavy and certain.

Feels like: Trust, Stability, Sophistication, Depth, Luxury. Tagged noir, dark, luxury, muted.

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

• Eclipse Petrol color palette (#E2F0FF, #0067B0, #1A2049, #020D1B, #000205)
• Ultramarine Villa color palette (#FDE7F5, #5257B0, #3D1821, #200B1A, #020C0E)
• Cellar Cypress Alley color palette (#DDE9DD, #007174, #002E25, #031906, #000702)
• Washed Quarry color palette (#CDE8E1, #1484DA, #343C67, #092821, #070F0C)
• Wandering Azure Terrace color palette (#D1E4F7, #27A1FC, #5B607B, #2F3E4D, #050F13)
• Nocturne Navy color palette (#F6EAF5, #00418E, #0B161A, #160328, #00030D)
• Washed Chapel color palette (#FCEDF3, #8670AA, #4B3736, #33242A, #1A1315)
• Byzantium Harbor color palette (#F8E2E6, #953D9F, #461A22, #260B29, #140506)

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