Petrol Drift color palette — #F1F3EC · #C7E0DF · #79A895 · #287785 · #1E3D34
Teal and Eucalyptus set the tone — five colors that lean into trust and stability.
The five colors
- Cream (#F1F3EC): a clean, paper-quiet neutral.
- Silver (#C7E0DF): A whisper-light, dusty teal — the color of glacier melt.
- Eucalyptus (#79A895): A luminous, dusty teal — the color of sea glass.
- Teal (#287785): A full-bodied, dusty blue — the color of deep harbor water.
- Forest (#1E3D34): A deep, shadowed, dusty teal — the color of sea glass.
Feels like: Trust, Stability, Calm, Sophistication. Tagged coastal, cool, light, muted.
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
- Petrol Chapel color palette (#F1F3EC, #C8E4D7, #6294B6, #006A7E, #07342B)
- Ancient Petrol Ridge color palette (#E9EAE0, #84C0C2, #007985, #004C45, #001A20)
- Softworn Sky Harbor color palette (#EFF7F6, #D6DCEC, #78BAE1, #52919F, #425566)
- Washed Navy Dune color palette (#E4E8DC, #618FB4, #004A88, #002939, #000314)
- Weathered Cerulean Boulevard color palette (#FEECF5, #9A94C9, #BE7290, #0085A6, #351F2B)
- Tempered Bronze color palette (#F8F1E7, #C6B9A4, #A47A3C, #725028, #342B18)
- Aged Ash color palette (#FCEDF2, #E5D3CF, #E5B1A2, #918ABC, #4D373E)
- Denim Lagoon color palette (#FFE3F8, #A5ADDC, #8480C2, #5C4B90, #4A2A38)
Browse the whole catalog at Explore, or see today's palette.