Petrol Corridor color palette — #F5F1EA · #C7E4E8 · #889CC3 · #3B7487 · #462D3E
Slate and Blue Fog set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F5F1EA): a clean, paper-quiet neutral.
- Silver (#C7E4E8): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#889CC3): A luminous, dusty violet — the color of wild irises.
- Slate (#3B7487): A full-bodied, dusty blue — the color of a favorite pair of jeans.
- Espresso (#462D3E): A deep, shadowed, dusty pink — the color of neon signs at night.
Feels like: Trust, Stability, Sophistication. 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
- Cypress Lantern color palette (#F5F1EA, #C8E2DD, #6DA6B9, #3A786D, #1C3E32)
- Softworn Cypress Corridor color palette (#FBF3F5, #DBDDED, #8F95C4, #007E85, #505067)
- Washed Veranda color palette (#F2EBDF, #76A2C5, #2056A2, #003844, #050031)
- Washed Cobalt Boulevard color palette (#F8F1E6, #A9D2C1, #5080AC, #005A63, #2F152E)
- Ancient Bronze Dune color palette (#FDEFE0, #D1AC7F, #779ED2, #94672A, #3D283E)
- Antique Cabin color palette (#F1E7D8, #3B8689, #00434F, #002018, #000103)
- Wandering Loft color palette (#FEF0DD, #B9965C, #3E9EA2, #8F679A, #322410)
- Aged Stone Terrace color palette (#FCF0E1, #D7DEC4, #AFCBA9, #A5866F, #3B3731)
Browse the whole catalog at Explore, or see today's palette.