Petrol Drift color palette — #F3EEE6 · #9BBB99 · #007682 · #00523C · #003442
Built around Teal, softened by Forest — the whole palette hums with nature and growth.
The five colors
- Cream (#F3EEE6): a clean, paper-quiet neutral.
- Sage (#9BBB99): A luminous, dusty green — the color of fresh herbs.
- Teal (#007682): A full-bodied, balanced blue — the color of a favorite pair of jeans.
- Forest (#00523C): A deep, shadowed, dusty teal — the color of glacier melt.
- Deep Teal (#003442): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Hushed Petrol color palette (#F2EEE7, #87BACE, #006FA3, #004F52, #142F4E)
- Wandering Market color palette (#F9F4EE, #B0CEB4, #0086A0, #006153, #114055)
- Ancient Loft color palette (#F6E5E0, #5FC7C4, #007792, #074F15, #00162E)
- Dusty Turquoise color palette (#E0F4EF, #9FE2DE, #00BBC3, #00937F, #00353C)
- Turquoise Basin color palette (#F8F5EF, #C9E7DF, #49A8BB, #3D7C6A, #395046)
- Timeworn Sapphire color palette (#FDF4E5, #7EBEF8, #115EF0, #005367, #272969)
- Patina Atelier color palette (#EDE4D6, #3C8D9A, #004356, #00231F, #000A15)
- Denim Courtyard color palette (#F4ECDF, #6097B7, #004A87, #002F36, #020843)
Browse the whole catalog at Explore, or see today's palette.