Petrol Alley color palette — #E7F1E9 · #88C3C1 · #007581 · #00402E · #000305
Teal takes the lead with Forest close behind in a set that reads as trust and stability at first glance.
The five colors
- Cream (#E7F1E9): bright and airy, almost weightless.
- Mint Leaf (#88C3C1): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#007581): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#00402E): A deep, shadowed, dusty teal — the color of sea glass.
- Ink (#000305): a grounded near-black with real depth.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
Use it as a design system
One click turns Petrol Alley 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
- Petrol Orchard color palette (#E3F3E6, #8FBEDA, #0069B6, #003D45, #000016)
- Cerulean Loft color palette (#EDF9EF, #91D9E6, #0087AB, #00524B, #000E1A)
- Timeworn Lagoon color palette (#FFEAE4, #009E9B, #005266, #002F07, #00040E)
- Pine Atelier color palette (#F4E9F5, #69C1BF, #0091B3, #007323, #00142B)
- Weathered Turquoise Field color palette (#EDF9EF, #C5E9FF, #00ABCD, #007464, #00283B)
- Turquoise Hollow color palette (#CCFFF8, #7EDFC0, #00BFC6, #4F6300, #000A04)
- Weathered Jade Lantern color palette (#B0F3C0, #44B46F, #006530, #001D05, #000200)
- Hazy Olive color palette (#E5E5CC, #748500, #385500, #062D01, #000602)
Browse the whole catalog at Explore, or see today's palette.