Petrol Corridor color palette — #F3E7DC · #7BBCE4 · #4C68AA · #004B48 · #190A36
Slate and Sky set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F3E7DC): a clean, paper-quiet neutral.
- Sky (#7BBCE4): A luminous, balanced blue — the color of a favorite pair of jeans.
- Slate (#4C68AA): A full-bodied, balanced violet — the color of wild irises.
- Forest (#004B48): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Indigo (#190A36): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Timeworn Abyss color palette (#F1E6E3, #5FC6C7, #007696, #004F1D, #001631)
- Softworn Atelier color palette (#EDF0E7, #8EB7D4, #1E6CAB, #004C63, #122E52)
- Cobalt Balcony color palette (#F7EBEF, #A0CBE8, #5F86C7, #006B71, #292851)
- Petrol Grove color palette (#C8E9DD, #0073A6, #795800, #474C07, #000C17)
- Hushed Wisteria color palette (#C4F2E0, #B6BDFF, #CA85B9, #037266, #2A1327)
- Cerulean Harbor color palette (#EDDED5, #0099BB, #004B84, #002D23, #03001B)
- Navy Grove color palette (#D1F3F1, #008B9E, #006188, #002F77, #140A3A)
- Chalky Cobalt Quarry color palette (#CBECE1, #0087CB, #995900, #004B74, #1E0D00)
Browse the whole catalog at Explore, or see today's palette.