Petrol Alley color palette — #F3E4DE · #5AB2B5 · #007092 · #004E23 · #001330
Peacock and Forest set the tone — five colors that lean into nature and growth.
The five colors
- Parchment (#F3E4DE): bright and airy, almost weightless.
- Turquoise (#5AB2B5): A luminous, balanced teal — the color of sea glass.
- Peacock (#007092): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004E23): A deep, shadowed, balanced teal — the color of sea glass.
- Ink (#001330): A deep, shadowed, dusty blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. 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 Ultramarine color palette (#F9ECE3, #5FADCE, #2365B8, #004B41, #13053B)
- Weathered Cobalt Veranda color palette (#F9EBE3, #93BDA3, #2B7AB5, #005B45, #141947)
- Antique Petrol Terrace color palette (#F4EBF3, #7BC5C8, #007193, #00411C, #00020B)
- Cerulean Quarry color palette (#EAE3D9, #4CC4CA, #0092AB, #006F5C, #001721)
- Muted Chapel color palette (#D8E2DA, #4E9EA2, #005362, #003127, #001721)
- Hazy Forest Veranda color palette (#FAEBE6, #8AD4D2, #2A93B3, #256F32, #002E58)
- Grape Villa color palette (#E4E9D6, #26A05B, #7D1FA1, #005429, #1C0028)
- Frosted Emerald Pier color palette (#DAF9E2, #00A862, #006643, #003118, #000401)
Browse the whole catalog at Explore, or see today's palette.