Worn Petrol Drift color palette — #E9F8FF · #78BCCD · #CA8565 · #008097 · #5E4453

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

The five colors

• Ivory (#E9F8FF): a clean, paper-quiet neutral.
• Cyan (#78BCCD): A luminous, dusty blue — the color of a favorite pair of jeans.
• Caramel (#CA8565): A luminous, balanced orange — the color of toasted spice.
• Cerulean (#008097): A full-bodied, balanced blue — the color of deep harbor water.
• Charcoal Brown (#5E4453): A full-bodied, dusty pink — the color of neon signs at night.

Feels like: Trust, Stability, Optimism, Sophistication. Tagged muted.

Use it as a design system

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

• Patina Ridge color palette (#EEF6FE, #7FB6E7, #BA9148, #3A77AB, #3E5341)
• Aged Amber color palette (#E9F9F7, #8FBD97, #D87C5F, #4B8156, #604256)
• Worn Wisteria color palette (#EBF8FC, #77BDC5, #BF7EBD, #09828C, #4F4961)
• Muted Villa color palette (#E9F8FF, #4FA6B5, #C76B66, #8F713A, #31464F)
• Muted Cabin color palette (#E9F8FF, #6ED5ED, #ABBA74, #4B99AB, #35554A)
• Weathered Driftwood Lantern color palette (#EFF8EF, #A1C1AE, #9A7A4C, #755164, #394D46)
• Airy Workshop color palette (#EDF6FF, #30ABFE, #AA5600, #006198, #5C2B00)
• Tempered Delta color palette (#EBF7FE, #D9DAE5, #E4BADA, #60909A, #49555F)

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