Petrol Corridor color palette — #CFE5F4 · #006C8B · #504B00 · #003B0D · #000B0B
Built around Peacock, softened by Deep Forest — the whole palette hums with nature and growth.
The five colors
- Frost (#CFE5F4): A whisper-light, dusty blue — the color of open sky before noon.
- Peacock (#006C8B): A full-bodied, balanced blue — the color of deep harbor water.
- Deep Olive (#504B00): A full-bodied, balanced green — the color of fresh herbs.
- Deep Forest (#003B0D): A deep, shadowed, balanced green — the color of fresh herbs.
- Ink (#000B0B): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Sapphire color palette (#E3F1FF, #0066C9, #365300, #003E32, #000A0E)
- Obsidian Navy color palette (#D8E8FC, #004599, #203D00, #00231B, #000203)
- Wandering Cocoa color palette (#CAE4E5, #007F61, #793200, #3E2D00, #030800)
- Soft Summit color palette (#EAF4FF, #0E73F3, #417200, #005043, #001E27)
- Powdered Studio color palette (#F1F5FF, #8278FF, #008C62, #00636B, #06213A)
- Charred Nightshade Coast color palette (#D5E3F8, #1743AB, #61002E, #1E1E00, #000813)
- Airy Plum color palette (#FCE4F8, #4B75F6, #D20058, #506000, #000905)
- Fern Boulevard color palette (#E9F8FE, #33AABD, #8F7732, #4C6D23, #0A2E32)
Browse the whole catalog at Explore, or see today's palette.