Petrol Alley color palette — #FBF3F5 · #C8DFF5 · #7388BE · #006F7D · #474169
Built around Teal, softened by Slate Blue — the whole palette hums with trust and stability.
The five colors
- Ivory (#FBF3F5): a clean, paper-quiet neutral.
- Powder Blue (#C8DFF5): A whisper-light, dusty blue — the color of a favorite pair of jeans.
- Slate Blue (#7388BE): A luminous, balanced violet — the color of a velvet chair.
- Teal (#006F7D): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Navy (#474169): A deep, shadowed, dusty violet — the color of wild irises.
Feels like: Trust, Stability, Creativity, 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
- Worn Cypress Garden color palette (#F9F3F7, #C6E2EB, #4A96AE, #007450, #264B67)
- Weathered Azure Delta color palette (#F0F3EC, #C1E5DB, #608FCF, #00668E, #3B2238)
- Antique Denim Field color palette (#F5E7F1, #7BA5BA, #005E88, #003F36, #001C4B)
- Softworn Navy color palette (#F4E8EE, #5688A1, #003C74, #002222, #05002C)
- Hazy Alley color palette (#FFF0FB, #BF7061, #10906E, #00758C, #492D43)
- Softworn Petrol color palette (#FCF1FA, #79C5D3, #0078A1, #005746, #003364)
- Hushed Powder color palette (#FCF4EB, #DBE0F6, #A2BBFD, #53A6B5, #583F4C)
- Muted Harbor color palette (#FFEFFF, #E9D7D8, #DBC889, #A66A94, #5F4357)
Browse the whole catalog at Explore, or see today's palette.