Petrol Alley color palette — #DFF3EF · #80C4C9 · #007483 · #003E3A · #000305
Built around Teal, softened by Mint Leaf — the whole palette hums with trust and stability.
The five colors
- Honeydew (#DFF3EF): A whisper-light, dusty teal — the color of sea glass.
- Mint Leaf (#80C4C9): A luminous, dusty blue — the color of open sky before noon.
- Teal (#007483): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#003E3A): 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 Balcony color palette (#DDF3F3, #90BCE0, #1268B7, #003B50, #00020D)
- Cerulean Thicket color palette (#EAF9F7, #AAD2E8, #0086AC, #005057, #000F18)
- Timeworn Cerulean Bloom color palette (#F0F1E4, #3BA0A8, #00535F, #00302D, #00171E)
- Tempered Atelier color palette (#EEE4EB, #50C3CB, #0091B4, #007050, #001527)
- Patina Turquoise color palette (#EAF9F6, #C7E2F9, #00ABCF, #007275, #002938)
- Frosted Aubergine color palette (#E3E0F4, #A95AB0, #007292, #62006B, #000102)
- Muted Chapel color palette (#F3DBE8, #AF7753, #803100, #420A00, #030100)
- Quiet Cabin color palette (#F4EBFF, #9F53C2, #820095, #490049, #0A0008)
Browse the whole catalog at Explore, or see today's palette.