Petrol Drift color palette — #DDE5D0 · #88AA7F · #5A9172 · #277088 · #002C44
Teal and Fern set the tone — five colors that lean into nature and growth.
The five colors
- Celadon Mist (#DDE5D0): A whisper-light, dusty green — the color of fresh herbs.
- Sage (#88AA7F): A luminous, dusty green — the color of fresh herbs.
- Fern (#5A9172): A luminous, dusty teal — the color of shallow lagoons.
- Teal (#277088): A full-bodied, dusty blue — the color of open sky before noon.
- Midnight (#002C44): A deep, shadowed, dusty blue — the color of deep harbor water.
Feels like: Nature, Growth, 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
- Worn Driftwood color palette (#EDDEC7, #AB9F69, #848D4B, #117061, #002C2D)
- Muted Harbor color palette (#E2F2ED, #64ABAD, #508D9D, #595F96, #332150)
- Cerulean Archive color palette (#E1EFEC, #8CCDD1, #00A4B7, #007E76, #00242D)
- Patina Lagoon color palette (#FAEEE3, #989867, #3F7D62, #5E3A5D, #441737)
- Wandering Navy color palette (#E1F2EF, #25959D, #327388, #45407D, #1A0B2B)
- Tempered Lagoon Alley color palette (#DBF2EE, #7CB887, #239564, #6D6532, #002209)
- Tempered Basalt Veranda color palette (#FFD6BE, #BEA972, #5E815D, #513665, #300015)
- Tempered Summit color palette (#CBE9D5, #7CD2BC, #0DB1B1, #547BB4, #363978)
Browse the whole catalog at Explore, or see today's palette.