Petrol Drift color palette — #DFE5D8 · #63917B · #007389 · #6C3939 · #290004
Built around Teal, softened by Cocoa — the whole palette hums with trust and stability.
The five colors
- Parchment (#DFE5D8): a clean, paper-quiet neutral.
- Eucalyptus (#63917B): A luminous, dusty teal — the color of glacier melt.
- Teal (#007389): A full-bodied, balanced blue — the color of deep harbor water.
- Cocoa (#6C3939): A full-bodied, dusty orange — the color of autumn markets.
- Ink (#290004): A deep, shadowed, dusty orange — the color of sun-warmed clay.
Feels like: Trust, Stability, 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
- Cypress Thicket color palette (#F9ECDB, #828751, #267454, #593251, #25011F)
- Hushed Villa color palette (#D2F8FB, #007E86, #BA183F, #7B4100, #000203)
- Moss Grove color palette (#E9E1CA, #6C974D, #00754A, #4F4A0D, #020800)
- Linen Bloom color palette (#D8ECD5, #00918B, #CD211F, #00625D, #140000)
- Softworn Chestnut Villa color palette (#D0F3ED, #599BBE, #7673A1, #6A4F00, #221900)
- Washed Lagoon Loft color palette (#DAE8DB, #008E69, #006B68, #004048, #000B11)
- Hushed Onyx Boulevard color palette (#D3F9F1, #21878C, #265F6D, #302E60, #1D0436)
- Weathered Alley color palette (#DAEDEC, #5E816A, #135169, #2D1353, #030005)
Browse the whole catalog at Explore, or see today's palette.