Petrol Alley color palette — #F2E5EE · #79A9B8 · #00819E · #006041 · #000A16
Cerulean and Pine set the tone — five colors that lean into trust and stability.
The five colors
- Blush (#F2E5EE): a clean, paper-quiet neutral.
- Blue Fog (#79A9B8): A luminous, dusty blue — the color of a favorite pair of jeans.
- Cerulean (#00819E): A full-bodied, balanced blue — the color of open sky before noon.
- Pine (#006041): A full-bodied, balanced teal — the color of shallow lagoons.
- Ink (#000A16): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Dusty Cobalt Coast color palette (#F9EAF2, #80A6BE, #0D78C6, #005D5A, #03002E)
- Muted Cypress color palette (#ECEDDC, #5E9FA0, #00646D, #003C36, #000C0F)
- Softworn Iris Veranda color palette (#DDEDF4, #72B6EB, #9091DC, #008264, #001016)
- Brick Courtyard color palette (#CBE4ED, #008F98, #C53041, #006067, #140001)
- Worn Lagoon Basin color palette (#EBDDD7, #2D8789, #004352, #002112, #000103)
- Linen Iris color palette (#EDDBE2, #97C6EA, #6990DF, #007B86, #1E104E)
- Linen Plum Archive color palette (#CDECF5, #007C94, #BC054A, #933700, #000203)
- Muted Periwinkle color palette (#F5EBF1, #B3D9EF, #3BADF8, #009285, #182B57)
Browse the whole catalog at Explore, or see today's palette.