Petrol Alley color palette — #EDF6FF · #D5DAE6 · #82C1E4 · #2B77A1 · #052941

Built around Slate, softened by Sky — the whole palette hums with trust and stability.

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Silver (#D5DAE6): bright and airy, almost weightless.
• Sky (#82C1E4): A luminous, balanced blue — the color of open sky before noon.
• Slate (#2B77A1): A full-bodied, balanced blue — the color of open sky before noon.
• Midnight (#052941): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Trust, Stability, Calm, Sophistication. Tagged monochrome, muted, cool.

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

• Timeworn Veranda color palette (#E2FAFF, #CEDCE9, #64C1BC, #008077, #002F30)
• Worn Studio color palette (#F1F5FF, #DCD7E1, #ABB0EB, #6762A9, #2C2749)
• Tempered Cerulean color palette (#E6F4FF, #96D7FF, #4E87B0, #265170, #022439)
• Sky Bloom color palette (#DCFEF1, #C0E5FF, #67C4F7, #5E94B8, #123D31)
• Cobalt Orchard color palette (#D9E9F8, #4786D0, #003D6B, #21191F, #000613)
• Washed Ridge color palette (#F1F6FC, #D9D9E4, #DF989E, #6798F1, #251926)
• Antique Balcony color palette (#F0F5FF, #D7D8F7, #4995FF, #062ECB, #001442)
• Chalky Pier color palette (#F0F5FF, #D0D5FF, #757DDD, #4E30A3, #0C0034)

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