Worn Petrol Drift color palette — #F1E5EC · #80BED2 · #2B6EAC · #004D3D · #0F0F37
A conversation between Slate and Deep Indigo, giving this palette its sense of trust and stability.
The five colors
- Blush (#F1E5EC): bright and airy, almost weightless.
- Sky (#80BED2): A luminous, dusty blue — the color of a favorite pair of jeans.
- Slate (#2B6EAC): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Deep Indigo (#0F0F37): A deep, shadowed, dusty violet — the color of a velvet chair.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Wandering Cobalt color palette (#FAEEF4, #9AD0ED, #597CB7, #005C54, #191E38)
- Worn Petrol Grove color palette (#E4F2F0, #8EB8D0, #007297, #004E57, #00324B)
- Nightshade Station color palette (#F9E7ED, #52A5DC, #374EAA, #003938, #100027)
- Weathered Cerulean color palette (#F0DFED, #2A9AA5, #00506F, #002E18, #000317)
- Cerulean Corridor color palette (#F7EFF7, #B6E5F2, #479AB3, #466847, #1A2E42)
- Plum Alley color palette (#F7DBEB, #B8008F, #006E63, #00505E, #1A0012)
- Weathered Amber color palette (#EFE8FF, #FBAAA1, #BA953F, #545390, #27162C)
- Weathered Navy color palette (#FAE4ED, #3E80A7, #122E8D, #001F1E, #020008)
Browse the whole catalog at Explore, or see today's palette.