Worn Petrol Canyon color palette — #E0ECEB · #82BDD5 · #0074A1 · #004A55 · #00182A

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

The five colors

• Frost (#E0ECEB): a clean, paper-quiet neutral.
• Sky (#82BDD5): A luminous, dusty blue — the color of open sky before noon.
• Slate (#0074A1): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Teal (#004A55): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#00182A): 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 Canyon 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

• Petrol Studio color palette (#F8ECE3, #69BEDF, #256CA6, #00504C, #202C4E)
• Cobalt Courtyard color palette (#E8F5F4, #AFCBE2, #2D81C2, #005870, #08213E)
• Ultramarine Harbor color palette (#DCF1F1, #71A0D1, #0052B5, #00354E, #010132)
• Aged Villa color palette (#E3F4F1, #4098A6, #005264, #002B2C, #000509)
• Hazy Orchard color palette (#F2E0F6, #FFB7B5, #EF795A, #914866, #220E23)
• Dusty Chestnut Cabin color palette (#F7DFE9, #AF793D, #7F4300, #512100, #021303)
• Powdered Plum Market color palette (#F6E6F8, #BF204D, #7D5500, #632694, #1D0005)
• Raspberry Corridor color palette (#F0E3F8, #CC4489, #836700, #81004E, #181100)

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