Petrol Corridor color palette — #F4ECF1 · #8EB7D1 · #266CA6 · #00504C · #1E2A54
Slate and Midnight set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F4ECF1): bright and airy, almost weightless.
- Ash (#8EB7D1): A luminous, dusty blue — the color of deep harbor water.
- Slate (#266CA6): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00504C): A deep, shadowed, dusty teal — the color of glacier melt.
- Midnight (#1E2A54): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, Calm, 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
- Muted Cabin color palette (#FAF3F6, #A9CAE2, #5179B3, #005F63, #323561)
- Worn Petrol Villa color palette (#E8EAE0, #79BFD8, #00759E, #004A54, #001828)
- Tempered Basin color palette (#F2E2E7, #7BA3C7, #3650A3, #003D45, #220B50)
- Softworn Periwinkle color palette (#FAEBE2, #9DDEF8, #5AABEE, #009289, #202C4C)
- Cerulean Villa color palette (#F3EAF1, #469EAB, #00516D, #003126, #00142C)
- Antique Cypress color palette (#FAF3F6, #D8DEF0, #7D9CC0, #027F7E, #45526E)
- Soft Thicket color palette (#D5FBFC, #97DAE0, #6199DE, #2F6C01, #003834)
- Tempered Studio color palette (#A5F5E6, #00A995, #006056, #00312A, #001E1A)
Browse the whole catalog at Explore, or see today's palette.