Petrol Alley color palette — #F4F6F0 · #C7E5E5 · #6EA0C0 · #2A7A8C · #305249
A conversation between Teal and Blue Fog, giving this palette its sense of trust and stability.
The five colors
- Ivory (#F4F6F0): a clean, paper-quiet neutral.
- Silver (#C7E5E5): A whisper-light, dusty teal — the color of sea glass.
- Blue Fog (#6EA0C0): A luminous, dusty blue — the color of a favorite pair of jeans.
- Teal (#2A7A8C): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Charcoal Brown (#305249): A full-bodied, dusty teal — the color of glacier melt.
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
- Softworn Periwinkle Chapel color palette (#F7F0EC, #C6E6E6, #6FA0D4, #327875, #41303D)
- Dusty Lagoon color palette (#EFF0E3, #83BDC1, #007684, #00504B, #003440)
- Worn Petrol Dune color palette (#F4F6F0, #C9E3E7, #AC8DAE, #22789E, #604A5E)
- Powder Studio color palette (#FAF3F6, #D9DFEE, #8FB5DE, #4E9492, #495365)
- Olive Corridor color palette (#EFF9E7, #58AA92, #5990B5, #7D7A2B, #3C4634)
- Dusty Lagoon Alley color palette (#F6F6ED, #96DDD9, #009196, #006858, #004951)
- Weathered Navy color palette (#E1E6D8, #5B86A4, #003E6C, #00202C, #00081D)
- Washed Courtyard color palette (#F1F8ED, #7EBFAB, #B7915E, #00866C, #624722)
Browse the whole catalog at Explore, or see today's palette.