Petrol Alley color palette — #ECF8F7 · #BCD9EB · #5E9EBF · #007A89 · #0F3F5B
Built around Teal, softened by Blue Fog — the whole palette hums with trust and stability.
The five colors
- Ivory (#ECF8F7): bright and airy, almost weightless.
- Powder Blue (#BCD9EB): A whisper-light, dusty blue — the color of open sky before noon.
- Blue Fog (#5E9EBF): A luminous, balanced blue — the color of deep harbor water.
- Teal (#007A89): A full-bodied, balanced blue — the color of deep harbor water.
- Navy (#0F3F5B): A deep, shadowed, dusty blue — the color of deep harbor water.
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
- Ancient Cerulean color palette (#ECF8F8, #D6DBF8, #82A7D7, #4083A5, #364863)
- Quiet Garden color palette (#D4EBEE, #0CC3DE, #0093B1, #006989, #003F59)
- Antique Denim Terrace color palette (#E1F2F1, #5C9BBB, #005E8B, #003A46, #000A18)
- Muted Lagoon Chapel color palette (#E4F2EF, #8CD3D0, #00999F, #006E5E, #00353B)
- Timeworn Bloom color palette (#CDE9FF, #00A1E1, #9A71D2, #008C6D, #0E2E44)
- Chalky Cobalt color palette (#D7EAE9, #87B9D7, #007BBE, #00566B, #001F40)
- Muted Wisteria Lagoon color palette (#DFF2FF, #51B4E1, #BC7AB9, #007CA6, #4D224C)
- Sky Summit color palette (#FBF3EF, #BDEDD4, #65B9FF, #00A198, #4C2F47)
Browse the whole catalog at Explore, or see today's palette.