Petrol Alley color palette — #BBF0F6 · #008E76 · #0573AC · #605E00 · #00342A
Slate takes the lead with Fern close behind in a set that reads as nature and growth at first glance.
The five colors
- Frost (#BBF0F6): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Fern (#008E76): A full-bodied, balanced teal — the color of shallow lagoons.
- Slate (#0573AC): A full-bodied, balanced blue — the color of open sky before noon.
- Olive (#605E00): A full-bodied, balanced green — the color of new leaves after rain.
- Deep Forest (#00342A): A deep, shadowed, dusty teal — the color of shallow lagoons.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged cool.
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
- Feathered Alley color palette (#BDF1EA, #319033, #007A89, #795200, #00332F)
- Timeworn Fern color palette (#C2EDFD, #008A96, #5265B9, #2A6B18, #00313F)
- Soft Coast color palette (#DDEDFF, #0082E1, #9949B5, #007066, #01315A)
- Worn Cypress Thicket color palette (#E0FBFF, #9EEFEA, #63B5C5, #2D8365, #1E4149)
- Tempered Teal color palette (#D6FFF7, #44B09E, #006D5F, #004039, #002722)
- Weathered Boulevard color palette (#BFE8E3, #006962, #004D94, #364300, #001614)
- Aged Orchard color palette (#EBF7FF, #53A4C1, #8882B2, #448662, #304652)
- Mulberry Corridor color palette (#C9EDF5, #008E89, #8B559D, #AA0634, #001817)
Browse the whole catalog at Explore, or see today's palette.