Petrol Corridor color palette — #F4EEE4 · #9BBAA5 · #007295 · #00504B · #00314F
A conversation between Teal and Deep Teal, giving this palette its sense of trust and stability.
The five colors
- Cream (#F4EEE4): bright and airy, almost weightless.
- Sage (#9BBAA5): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007295): A full-bodied, balanced blue — the color of deep harbor water.
- Forest (#00504B): A deep, shadowed, dusty teal — the color of sea glass.
- Deep Teal (#00314F): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, 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
- Cobalt Field color palette (#F9F4EE, #ADCEBC, #3E7FA9, #005F62, #1E3C5F)
- Petrol Lantern color palette (#F1E7E1, #79C0CF, #0072AA, #004E36, #081039)
- Tempered Cypress color palette (#F8F5EF, #CAE5E3, #6CA1BF, #007F7E, #2E524A)
- Tempered Lagoon color palette (#E5E0D7, #4B9EA0, #005360, #003125, #001720)
- Dusty Turquoise color palette (#E8F1E9, #98E1F1, #00B4E9, #099189, #00314F)
- Powdered Olive Field color palette (#E2F2D0, #88E1D9, #02A8D2, #397218, #00423A)
- Faded Drift color palette (#DEE7D0, #66A54D, #00692B, #00492E, #003228)
- Lapis Thicket color palette (#DDE8CE, #007F59, #583FC9, #803000, #002719)
Browse the whole catalog at Explore, or see today's palette.