Petrol Drift color palette — #F7E5DE · #69C4CA · #00759B · #004F28 · #001337
A conversation between Teal and Forest, giving this palette its sense of nature and growth.
The five colors
- Rose Water (#F7E5DE): A whisper-light, dusty orange — the color of autumn markets.
- Aqua (#69C4CA): A luminous, balanced blue — the color of deep harbor water.
- Teal (#00759B): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#004F28): A deep, shadowed, balanced teal — the color of sea glass.
- Midnight (#001337): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged coastal, cool, light.
Use it as a design system
One click turns 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
- Quiet Sapphire color palette (#F1E7DE, #7BBBEB, #4E63B9, #004B4B, #1B0B32)
- Ancient Delta color palette (#FCEFE8, #8ED4E3, #3583B6, #005E43, #2F162B)
- Timeworn Petrol color palette (#EFF0E2, #99BB9E, #007584, #00504B, #003440)
- Dusty Summit color palette (#F4E7DE, #4FA9C9, #11589E, #003A30, #080329)
- Weathered Lantern color palette (#EDF9EF, #A4F6FC, #00A3C0, #006C5B, #002231)
- Washed Ash color palette (#F9F0EC, #C6E9E3, #74A3C0, #4A765F, #41303E)
- Wandering Sapphire Courtyard color palette (#F1E1C7, #9F7900, #355EDA, #5A4200, #040D34)
- Cerulean Alley color palette (#F1E5DE, #00879F, #003E66, #002016, #01000B)
Browse the whole catalog at Explore, or see today's palette.