Petrol Corridor color palette — #F5E6DC · #87BDD0 · #2B70A3 · #004C46 · #040F3D
Slate and Deep Indigo set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#F5E6DC): A whisper-light, dusty gold — the color of afternoon light on wheat.
- Ash (#87BDD0): A luminous, dusty blue — the color of open sky before noon.
- Slate (#2B70A3): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004C46): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#040F3D): A deep, shadowed, balanced 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
- Wandering Field color palette (#F3E6E0, #9FBD9E, #00788E, #004E2F, #001827)
- Cobalt Villa color palette (#FAF0E8, #A6D3C1, #5A7EAC, #005B5D, #191C3F)
- Patina Ultramarine Meadow color palette (#F5EBE2, #71A2CA, #3050AA, #00383F, #0C002B)
- Antique Azure color palette (#E9F9F7, #C8E0FF, #229ED1, #006875, #002135)
- Denim Chapel color palette (#F7E4DB, #4E97A1, #00516B, #002D21, #00040E)
- Aged Forest color palette (#F8F0EC, #C9E5CA, #4F99AE, #216E4C, #0D3429)
- Worn Navy color palette (#EFE6DD, #447FA6, #093482, #001F22, #01000A)
- Softworn Pewter color palette (#F7F0EB, #CAE2E1, #AB92AF, #587456, #432E3E)
Browse the whole catalog at Explore, or see today's palette.