Petrol Corridor color palette — #CAF1DA · #89B5B3 · #4B7F90 · #684457 · #522F30
A conversation between Slate and Charcoal Brown, giving this palette its sense of nature and growth.
The five colors
- Honeydew (#CAF1DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Ash (#89B5B3): A luminous, dusty teal — the color of glacier melt.
- Slate (#4B7F90): A full-bodied, dusty blue — the color of open sky before noon.
- Charcoal Brown (#684457): A full-bodied, dusty rose — the color of a warm blush.
- Espresso (#522F30): A deep, shadowed, dusty red — the color of late-summer berries.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged vintage, retro, 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
- Weathered Basalt Villa color palette (#FFDDEA, #88ACA0, #4F867B, #694D69, #613537)
- Dusty Cerulean Alley color palette (#BEEAE9, #90BEC9, #5A9EB7, #706580, #503550)
- Hushed Chestnut color palette (#CFF2F1, #86A7A6, #50848C, #7B472B, #4A4A1F)
- Washed Abyss Lantern color palette (#D9FCEC, #93BDBD, #6D8EA2, #4E6B52, #37563D)
- Tempered Ridge color palette (#DBE7B4, #82D5C0, #89AED5, #A17D70, #74351D)
- Weathered Cypress Workshop color palette (#EAFAF2, #71A6A1, #047365, #4E4E18, #143D3A)
- Timeworn Corridor color palette (#D4F2EE, #6D98B3, #77588C, #294F23, #023F39)
- Worn Rust color palette (#DFF2F9, #00A1A7, #BF5235, #006367, #572416)
Browse the whole catalog at Explore, or see today's palette.