Petrol Drift color palette — #D8EFE8 · #6AAB8E · #008291 · #3D3100 · #001502
Built around Teal, softened by Jade — the whole palette hums with nature and growth.
The five colors
- Honeydew (#D8EFE8): A whisper-light, dusty teal — the color of sea glass.
- Jade (#6AAB8E): A luminous, dusty teal — the color of sea glass.
- Teal (#008291): A full-bodied, balanced blue — the color of deep harbor water.
- Espresso (#3D3100): A deep, shadowed, dusty green — the color of a quiet forest floor.
- Ink (#001502): A deep, shadowed, dusty green — the color of new leaves after rain.
Feels like: Nature, Growth, Trust, Stability, Optimism, Sophistication. Tagged pastel, 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
- Timeworn Pine color palette (#D6EAD8, #919D69, #00845B, #591E00, #0E0A00)
- Jade Study color palette (#D5EDD2, #46A675, #007F6A, #273D00, #000200)
- Gentle Chapel color palette (#C4EDE4, #5A9BAA, #2565BE, #013A09, #001010)
- Feathered Jade color palette (#CBECE8, #46B57E, #009A81, #375700, #001110)
- Cobalt Villa color palette (#DAF6FE, #68B1D2, #6779C3, #004A35, #001A1E)
- Patina Garden color palette (#EEEDDD, #25C28C, #00A3B6, #7C6100, #011301)
- Soft Station color palette (#D1EAEE, #8EC8D5, #4895E7, #295D00, #002A26)
- Obsidian Navy Lantern color palette (#D5E8EA, #006B55, #0B0082, #00241B, #000010)
Browse the whole catalog at Explore, or see today's palette.