Petrol Corridor color palette — #F1E2DD · #5AB0B6 · #007FA9 · #006133 · #00081F
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Parchment (#F1E2DD): a clean, paper-quiet neutral.
- Cyan (#5AB0B6): A luminous, balanced blue — the color of a favorite pair of jeans.
- Cerulean (#007FA9): A full-bodied, balanced blue — the color of deep harbor water.
- Pine (#006133): A full-bodied, balanced teal — the color of glacier melt.
- Ink (#00081F): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cobalt Coast color palette (#F3E8DF, #72A8C7, #4B72BD, #005E57, #0C0026)
- Patina Cerulean Hollow color palette (#F1E2DB, #7ABDC5, #008EC3, #007145, #000B41)
- Weathered Teal Corridor color palette (#E4F1E6, #46A2A8, #006375, #003D32, #000B13)
- Weathered Lagoon Terrace color palette (#E5DAE3, #3C8589, #004258, #00210C, #000106)
- Chalky Quarry color palette (#ECDFD2, #9AC5E8, #738AEB, #007D7E, #280D46)
- Patina Grape Lagoon color palette (#F4E3E7, #A05BC3, #008654, #7D00A8, #000803)
- Lagoon Thicket color palette (#F7ECE6, #A0DEF5, #75A8E2, #00937C, #282852)
- Tempered Balcony color palette (#FDE7FF, #A927B8, #007951, #005B59, #050006)
Browse the whole catalog at Explore, or see today's palette.