Petrol Alley color palette — #F3E9F2 · #6DC1C6 · #0080A8 · #005D2E · #011D45
Built around Cerulean, softened by Pine — the whole palette hums with nature and growth.
The five colors
- Blush (#F3E9F2): bright and airy, almost weightless.
- Mint Leaf (#6DC1C6): A luminous, balanced blue — the color of open sky before noon.
- Cerulean (#0080A8): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#005D2E): A full-bodied, balanced teal — the color of sea glass.
- Midnight (#011D45): A deep, shadowed, balanced blue — the color of open sky before noon.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
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
- Cobalt Ridge color palette (#ECDFE5, #8FB7D3, #4874BA, #005A51, #200F4D)
- Patina Station color palette (#FFF2ED, #9AD9DC, #0086B0, #00552B, #000B25)
- Cerulean Courtyard color palette (#DFEAE1, #7AD0D5, #00A3BE, #007F69, #002331)
- Denim Drift color palette (#EBE4D9, #89A88D, #006273, #003F33, #002331)
- Patina Cornflower color palette (#FFF1F7, #8DD6FA, #3B87FF, #007368, #33226D)
- Pine Study color palette (#FDF1FB, #98EBF5, #38A7DD, #008755, #253D70)
- Bronze Summit color palette (#D5F0EC, #87D8CA, #6CACE1, #796900, #03311C)
- Worn Grove color palette (#D1EBD9, #14B56C, #007A45, #003F2A, #000B03)
Browse the whole catalog at Explore, or see today's palette.