Petrol Drift color palette — #E2ECE4 · #80C0C2 · #00788B · #004D3D · #001924
Teal and Forest set the tone — five colors that lean into trust and stability.
The five colors
- Parchment (#E2ECE4): a clean, paper-quiet neutral.
- Mint Leaf (#80C0C2): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#00788B): A full-bodied, balanced blue — the color of open sky before noon.
- Forest (#004D3D): A deep, shadowed, dusty teal — the color of shallow lagoons.
- Ink (#001924): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
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
- Tempered Drift color palette (#E1EDE3, #9AB7D0, #3A6CAB, #004957, #091039)
- Softworn Cerulean Harbor color palette (#EDF4EE, #AECDDA, #2088A8, #005C54, #002338)
- Forest Parlor color palette (#FAEBE6, #75C0C2, #007393, #005423, #112E51)
- Denim Meadow color palette (#DDEBE0, #7CA2B7, #005F86, #003939, #000B1B)
- Ancient Studio color palette (#DCE5DD, #388495, #004259, #001F1E, #000104)
- Patina Azure color palette (#F9F3F9, #B2F3F6, #00A0CF, #006F35, #001D44)
- Chalky Alley color palette (#E2DBF9, #994496, #755A00, #005661, #180018)
- Muted Aubergine Grove color palette (#E2DEF6, #B66EC1, #008025, #5F006C, #001803)
Browse the whole catalog at Explore, or see today's palette.