Worn Petrol Alley color palette — #DEF8F4 · #69CCDF · #007E9A · #005154 · #001D2A

Cerulean and Sky set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#DEF8F4): A whisper-light, dusty teal — the color of sea glass.
• Sky (#69CCDF): A luminous, balanced blue — the color of deep harbor water.
• Cerulean (#007E9A): A full-bodied, balanced blue — the color of deep harbor water.
• Forest (#005154): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#001D2A): 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 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

• Dusty Basin color palette (#FFF2EC, #00CEE9, #0077A3, #005748, #0D335E)
• Misty Sapphire Parlor color palette (#E0F7F7, #7CC2FE, #0071D2, #004D69, #001545)
• Glacier Terrace color palette (#F4F8E1, #45E0FD, #009CBE, #007275, #00384C)
• Muted Navy color palette (#D8E5E4, #4C7F9C, #003F64, #001E27, #000104)
• Washed Denim Boulevard color palette (#D5E2E0, #68A7B9, #00617E, #00393E, #000C16)
• Hazy Delta color palette (#FFF0FB, #D3DAF6, #00A7E4, #007461, #00234E)
• Hushed Coast color palette (#DEE2CE, #6C7A00, #00756A, #813C00, #0D1000)
• Ancient Moss color palette (#D5F1DF, #9A902F, #6C5A00, #463300, #131300)

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