Petrol Corridor color palette — #DFEBF7 · #0071AC · #6F3300 · #1D2D00 · #060D00
Slate and Bronze set the tone — five colors that lean into nature and growth.
The five colors
- Frost (#DFEBF7): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate (#0071AC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Bronze (#6F3300): A deep, shadowed, balanced gold — the color of honey in a jar.
- Deep Forest (#1D2D00): A deep, shadowed, dusty green — the color of new leaves after rain.
- Ink (#060D00): A deep, shadowed, dusty green — the color of fresh herbs.
Feels like: Nature, Growth, Trust, Stability, Optimism, Balance. Tagged 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
- Hushed Cornflower Villa color palette (#E3EFFF, #4078D8, #754B00, #243C00, #0C1800)
- Amethyst Station color palette (#E5EBFF, #6A47DE, #4D4800, #003107, #000F01)
- Quiet Cornflower color palette (#F3D8ED, #5C7CEE, #9F4500, #4B4300, #002718)
- Softworn Mulberry Corridor color palette (#C8EAEE, #007D68, #77006F, #2E2800, #0E0B00)
- Iris Thicket color palette (#FFF0FB, #6F84FF, #A6315C, #463700, #00100D)
- Wandering Petrol Workshop color palette (#F0E5F0, #7BC1C3, #007698, #004F22, #001533)
- Misty Grape color palette (#DBE1F3, #6A4CC9, #731B61, #5C0008, #002234)
- Hushed Loft color palette (#CCE6F0, #868CB9, #894C6C, #1C4A2E, #002827)
Browse the whole catalog at Explore, or see today's palette.