Petrol Alley color palette — #F5E5E0 · #9EBDA1 · #007699 · #004F23 · #001534
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Rose Water (#F5E5E0): a clean, paper-quiet neutral.
- Sage (#9EBDA1): A luminous, dusty green — the color of fresh herbs.
- Teal (#007699): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F23): A deep, shadowed, balanced teal — the color of shallow lagoons.
- Midnight (#001534): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
Feels like: Nature, Growth, Trust, Stability, 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
- Tempered Cobalt Ridge color palette (#F7F0ED, #AFD2B8, #2C84B4, #005E3E, #101E42)
- Tempered Pier color palette (#F2E7DD, #92BEB0, #4E65B3, #004B4A, #1B0935)
- Dusty Blush Atelier color palette (#F1E1F3, #D4C0EA, #D77A8B, #006E77, #150F34)
- Washed Navy Hollow color palette (#F2E6E0, #3F8393, #003F65, #002016, #00000C)
- Hushed Market color palette (#EDE2D8, #649687, #2E3D98, #002C2C, #070015)
- Cypress Lantern color palette (#F7F0ED, #CCE0DC, #79A896, #347B57, #432E41)
- Quiet Amethyst Hollow color palette (#FAE6EF, #794FBC, #8E4900, #6A4200, #100026)
- Softworn Nightshade Lagoon color palette (#D9F6F9, #008DB2, #005EA4, #1F008D, #24003A)
Browse the whole catalog at Explore, or see today's palette.