Ancient Petrol Alley color palette — #E1F3E9 · #64A7B1 · #47678E · #633C1B · #373300

A conversation between Slate and Cocoa, giving this palette its sense of nature and growth.

The five colors

• Honeydew (#E1F3E9): A whisper-light, dusty teal — the color of shallow lagoons.
• Blue Fog (#64A7B1): A luminous, dusty blue — the color of open sky before noon.
• Slate (#47678E): A full-bodied, dusty blue — the color of a favorite pair of jeans.
• Cocoa (#633C1B): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
• Espresso (#373300): A deep, shadowed, dusty green — the color of new leaves after rain.

Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, muted.

Use it as a design system

One click turns Ancient 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

• Patina Garnet color palette (#E9EECF, #6E9998, #15757F, #732E37, #56330D)
• Pale Corridor color palette (#DBEFEE, #49A5D2, #6C639A, #564C00, #0E470F)
• Timeworn Basalt Alley color palette (#C3EFEF, #428B91, #395B82, #532700, #2A2B00)
• Dusty Chestnut color palette (#CBF1ED, #85B4C0, #5F7791, #784B28, #2E4E3F)
• Aged Cerulean Harbor color palette (#D0F0F9, #4E94B9, #406895, #50335C, #311216)
• Patina Aqua color palette (#D3E2DD, #6BCDDC, #8195C1, #937152, #512E00)
• Weathered Loft color palette (#C5EBF6, #77AFD1, #5A7EAA, #6C4C78, #3F3450)
• Patina Navy Station color palette (#CFE5E7, #4B77A2, #4D3A71, #2F2F00, #071F08)

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