Petrol Corridor color palette — #DDF3F0 · #57B0C3 · #00718C · #00494D · #001721
Built around Teal, softened by Cyan — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DDF3F0): A whisper-light, dusty teal — the color of sea glass.
- Cyan (#57B0C3): A luminous, balanced blue — the color of open sky before noon.
- Teal (#00718C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Deep Teal (#00494D): A deep, shadowed, dusty blue — the color of open sky before noon.
- Ink (#001721): 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
- Powdered Petrol color palette (#D5F2F1, #53AAE7, #0068B5, #00465E, #001134)
- Patina Cerulean Delta color palette (#E5F0E7, #4E9CAC, #00516B, #00302D, #001527)
- Aged Cerulean color palette (#E4DED5, #7EBBC9, #0090BA, #006D67, #001527)
- Washed Petrol Meadow color palette (#F6EAF3, #90BED4, #006DA9, #00402E, #010014)
- Hushed Cerulean Veranda color palette (#DFF4F0, #81D3E0, #0096B1, #006C6C, #003343)
- Turquoise Coast color palette (#E6FAF6, #76F2F4, #00B0BE, #008477, #004854)
- Periwinkle Archive color palette (#EDF8F7, #D5DBF9, #75A9E1, #4E829A, #374960)
- Muted Summit color palette (#EDEEDD, #9BC555, #5FA15E, #625600, #131800)
Browse the whole catalog at Explore, or see today's palette.