Worn Petrol Alley color palette — #C5E9CB · #00A4BE · #5262AE · #5C4300 · #00273C

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

The five colors

• Celadon Mist (#C5E9CB): A whisper-light, dusty green — the color of a quiet forest floor.
• Cerulean (#00A4BE): A luminous, balanced blue — the color of open sky before noon.
• Slate (#5262AE): A full-bodied, balanced violet — the color of twilight just after sunset.
• Bronze (#5C4300): A deep, shadowed, balanced gold — the color of old brass.
• Midnight (#00273C): A deep, shadowed, dusty blue — the color of open sky before noon.

Feels like: Nature, Growth, Trust, Stability, Optimism, Creativity. Tagged retro, cool.

Use it as a design system

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

• Frosted Study color palette (#DAF7E5, #3AB0D7, #6E6EB7, #635500, #12334D)
• Sapphire Boulevard color palette (#F7D2E1, #00A6AC, #2A67BB, #6B3900, #002934)
• Wandering Azure Lantern color palette (#C1E8DA, #1799EE, #7954A4, #434E00, #142147)
• Hazy Lapis color palette (#FFF3E2, #00B5D2, #4857DD, #523B00, #001521)
• Wandering Mulberry color palette (#CFE5F2, #0094BA, #9A3D68, #553E00, #271E00)
• Hushed Abyss color palette (#D5F7FF, #84B2CD, #707C9C, #6D5721, #294517)
• Dusty Pier color palette (#F6EBF1, #A3CBE1, #3B8DC8, #006D64, #1C2C51)
• Patina Thicket color palette (#E1EEFD, #0074C8, #29314D, #051729, #00050A)

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