Petrol Corridor color palette — #CDF1FC · #7FADC6 · #636A9D · #5E4F1F · #103021
A conversation between Slate and Coffee, giving this palette its sense of nature and growth.
The five colors
- Frost (#CDF1FC): A whisper-light, dusty blue — the color of deep harbor water.
- Blue Fog (#7FADC6): A luminous, dusty blue — the color of open sky before noon.
- Slate (#636A9D): A full-bodied, balanced violet — the color of a velvet chair.
- Coffee (#5E4F1F): A full-bodied, dusty green — the color of a quiet forest floor.
- Deep Forest (#103021): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged vintage, retro, muted, cool.
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 Driftwood Lantern color palette (#E3F1F9, #92A6C4, #8A6E94, #31564C, #11322A)
- Timeworn Turquoise Coast color palette (#D3ECEA, #6FB8BD, #5C7CA3, #623C21, #3B242C)
- Pale Hollow color palette (#CAEBFF, #778DD6, #854B90, #264B00, #002612)
- Washed Ridge color palette (#D1ECD2, #84BFE4, #8D85AF, #8B6724, #563B00)
- Ash Veranda color palette (#E5F4FF, #C5CFE1, #988CB1, #55746E, #28474C)
- Cerulean Studio color palette (#F6EFF4, #A4CFDE, #0089AB, #005E43, #03223B)
- Antique Aubergine Quarry color palette (#CEEBF3, #4E89B1, #544085, #3E3200, #001710)
- Pewter Boulevard color palette (#DEDEFF, #A887B1, #865059, #004D46, #00221E)
Browse the whole catalog at Explore, or see today's palette.