Weathered Petrol Alley color palette — #F0F7F3 · #CBDEDF · #BDAEBD · #007086 · #303E36

Teal takes the lead with Ash close behind in a set that reads as trust and stability at first glance.

The five colors

• Ivory (#F0F7F3): a clean, paper-quiet neutral.
• Silver (#CBDEDF): A whisper-light, dusty blue — the color of deep harbor water.
• Ash (#BDAEBD): A luminous, dusty pink — the color of neon signs at night.
• Teal (#007086): A full-bodied, balanced blue — the color of open sky before noon.
• Forest (#303E36): A deep, shadowed, dusty teal — the color of glacier melt.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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

• Tempered Cerulean Lantern color palette (#EEF7FB, #D6D9E9, #C1BBCE, #478C97, #323C41)
• Aged Drift color palette (#FDF1FB, #E1CBD8, #C399A9, #2955AA, #3C2D3B)
• Weathered Coast color palette (#E2EEE8, #A7BFB9, #9E8599, #004C65, #0E241B)
• Chestnut Coast color palette (#C8EADC, #96ABD5, #7D70A6, #7B4813, #434500)
• Cypress Archive color palette (#F6F6E9, #79A882, #007557, #125558, #323A00)
• Petrol Parlor color palette (#DCF2EC, #0067A7, #1B2344, #001913, #000606)
• Navy Meadow color palette (#F4E9EF, #A8939B, #836485, #281669, #12040D)
• Pale Boulevard color palette (#E1F8EE, #0082AF, #7A2392, #632300, #1E3201)

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