Weathered Petrol Alley color palette — #D9ECEB · #008096 · #004D6B · #00264C · #01022F

Built around Cerulean, softened by Ink — the whole palette hums with trust and stability.

The five colors

• Frost (#D9ECEB): A whisper-light, dusty teal — the color of sea glass.
• Cerulean (#008096): A full-bodied, balanced blue — the color of open sky before noon.
• Peacock (#004D6B): A deep, shadowed, balanced blue — the color of a favorite pair of jeans.
• Midnight (#00264C): A deep, shadowed, balanced blue — the color of open sky before noon.
• Ink (#01022F): A deep, shadowed, balanced violet — the color of twilight just after sunset.

Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged muted, cool.

Use it as a design system

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

• Wandering Cypress color palette (#D6F5E4, #008173, #004D4E, #002E37, #000E19)
• Softworn Cerulean Delta color palette (#CCF4F9, #009BB8, #00729B, #00416A, #002049)
• Onyx Boulevard color palette (#D9ECF2, #00698E, #003468, #14005C, #040011)
• Softworn Workshop color palette (#D5E5DF, #0073A4, #824700, #003B56, #100500)
• Airy Cobalt color palette (#D7E9FF, #0082DE, #00448D, #001B32, #000104)
• Softworn Lilac color palette (#D2EDE1, #9CAFF6, #AB76C6, #005B5F, #1B081D)
• Wandering Nightshade color palette (#DDF3FD, #007BBD, #052BBE, #240064, #16002B)
• Weathered Emerald color palette (#FFE5D0, #00A958, #0064A2, #010F11, #000201)

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