Petrol Drift color palette — #D0E8DA · #007882 · #1B4161 · #3B1600 · #180E00
Built around Teal, softened by Navy — the whole palette hums with trust and stability.
The five colors
- Honeydew (#D0E8DA): A whisper-light, dusty teal — the color of shallow lagoons.
- Teal (#007882): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#1B4161): A deep, shadowed, dusty blue — the color of a favorite pair of jeans.
- Espresso (#3B1600): A deep, shadowed, dusty orange — the color of sun-warmed clay.
- Ink (#180E00): A deep, shadowed, dusty gold — the color of afternoon light on wheat.
Feels like: Trust, Stability, Optimism, Sophistication. Tagged vintage, retro, 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 Dune color palette (#DEE4D7, #23835E, #00495A, #3F050D, #240003)
- Cypress Summit color palette (#DFE9D5, #258471, #2E5B82, #4C2800, #1B0A00)
- Nocturne Chapel color palette (#D6E4F1, #00699F, #003052, #261E25, #000A12)
- Petrol Ridge color palette (#CDFAFC, #2B6EB1, #442C62, #271B00, #070E00)
- Ancient Workshop color palette (#F5E5DB, #088EAF, #004066, #00231F, #010329)
- Velvet Forest Corridor color palette (#E0E1D1, #006E50, #003231, #071C00, #000804)
- Muted Hollow color palette (#D6ECE7, #58889B, #1B6B99, #6D2F49, #290500)
- Timeworn Garden color palette (#E1F0E7, #005A71, #5F3000, #002530, #0D0300)
Browse the whole catalog at Explore, or see today's palette.