Petrol Alley color palette — #FAF3F5 · #DADDEE · #8199C8 · #267C85 · #4A5269

Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.

The five colors

• Ivory (#FAF3F5): bright and airy, almost weightless.
• Silver (#DADDEE): A whisper-light, dusty violet — the color of wild irises.
• Blue Fog (#8199C8): A luminous, dusty violet — the color of a velvet chair.
• Teal (#267C85): A full-bodied, balanced blue — the color of open sky before noon.
• Charcoal Brown (#4A5269): A full-bodied, 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

• Aged Petrol color palette (#F0F3EA, #C1E4E8, #7E9FC3, #407289, #412F40)
• Timeworn Powder color palette (#EDF8F7, #D8DBEA, #96B4D5, #658CA5, #475464)
• Muted Periwinkle Atelier color palette (#FEF1F6, #DAA372, #649BDE, #9F6224, #3C4F65)
• Hushed Cerulean color palette (#FFF1F6, #C08B5B, #3E93C3, #6972A6, #503C44)
• Washed Petrol Summit color palette (#F5EBF2, #7ABDCE, #0070A0, #005145, #192E4D)
• Cerulean Courtyard color palette (#FEF0FA, #8EDEE6, #008CB3, #00694E, #174267)
• Softworn Lagoon color palette (#F4E6F0, #22A2A7, #005265, #00321F, #001626)
• Driftwood Villa color palette (#FEF1F6, #A2C1A8, #9D7756, #6F5367, #3A4D43)

Browse the whole catalog at Explore, or see today's palette.