Petrol Drift color palette — #D0E1F1 · #006B9F · #4C5B00 · #003C27 · #000203

Peacock takes the lead with Olive close behind in a set that reads as nature and growth at first glance.

The five colors

• Frost (#D0E1F1): A whisper-light, dusty blue — the color of a favorite pair of jeans.
• Peacock (#006B9F): A full-bodied, balanced blue — the color of open sky before noon.
• Olive (#4C5B00): A full-bodied, balanced green — the color of a quiet forest floor.
• Deep Forest (#003C27): A deep, shadowed, dusty teal — the color of sea glass.
• Black (#000203): quiet, heavy and certain.

Feels like: Nature, Growth, Trust, Stability, Sophistication. Tagged jewel, vibrant, 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 Cocoa Villa color palette (#D9F1F9, #00757C, #694600, #2E3800, #000201)
• Washed Amethyst color palette (#ECEEFF, #8343EE, #006E5A, #004D5D, #00010D)
• Hushed Brick Atelier color palette (#F2D5EA, #C12A00, #525300, #004621, #000202)
• Pale Cornflower color palette (#D7E2F4, #5C78FF, #008541, #006464, #000912)
• Washed Lagoon color palette (#F8E5EF, #F86C00, #748E00, #007B55, #001A1F)
• Lowlit Aubergine Ridge color palette (#E3E6FF, #6911B1, #512D00, #00241F, #03000B)
• Sunlit Plum Grove color palette (#D7E9EA, #B52093, #844200, #423600, #000300)
• Dusty Moss Thicket color palette (#EFF6FF, #73A5FF, #4DA639, #008B7F, #001F30)

Browse the whole catalog at Explore, or see today's palette.