Petrol Alley color palette — #F1E7E2 · #80C0C9 · #00759B · #004D3C · #00162F
Built around Teal, softened by Forest — the whole palette hums with trust and stability.
The five colors
- Parchment (#F1E7E2): a clean, paper-quiet neutral.
- Ash (#80C0C9): A luminous, dusty blue — the color of deep harbor water.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3C): A deep, shadowed, dusty teal — the color of sea glass.
- Midnight (#00162F): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Muted Field color palette (#EEF0E3, #6FC0CC, #00748A, #00504F, #003343)
- Sapphire Balcony color palette (#EFE7E1, #90BFAD, #0067D1, #004B4D, #101034)
- Cobalt Boulevard color palette (#FAF0EA, #9AD2E2, #0084C2, #005C52, #2D172C)
- Sunlit Terrace color palette (#F1E5DB, #60A6C6, #00599E, #003938, #040130)
- Antique Lilac color palette (#D3F6DC, #9FC8F4, #AC98E5, #006C5D, #001B28)
- Dusty Canyon color palette (#EAF9F6, #ACF4FF, #00A3C0, #006A69, #00222E)
- Softworn Azure color palette (#B8EBFF, #00A3D9, #00617E, #002A35, #00060B)
- Ancient Orchard color palette (#DCEADD, #009197, #9F5500, #005155, #200C00)
Browse the whole catalog at Explore, or see today's palette.