Petrol Drift color palette — #EDF6FF · #006CB2 · #405700 · #003F2D · #00212E

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

The five colors

• Ivory (#EDF6FF): bright and airy, almost weightless.
• Royal Blue (#006CB2): A full-bodied, balanced blue — the color of open sky before noon.
• Deep Olive (#405700): A full-bodied, balanced green — the color of a quiet forest floor.
• Forest (#003F2D): A deep, shadowed, dusty teal — the color of shallow lagoons.
• Midnight (#00212E): A deep, shadowed, dusty blue — the color of deep harbor water.

Feels like: Nature, Growth, Trust, Stability, Calm, Balance. Tagged jewel, vibrant, muted, cool.

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

• Washed Petrol Lagoon color palette (#E9F8FF, #007385, #5B4600, #243C00, #00262A)
• Hazy Garnet color palette (#F0F0FF, #8363A5, #8A233A, #294100, #000A18)
• Tempered Cypress color palette (#F1F5FE, #7484B4, #457552, #005958, #283946)
• Faded Field color palette (#FFF1F4, #A772BD, #A4435F, #415A00, #00281D)
• Muted Violet color palette (#EFF1FF, #8263BA, #84315B, #00434A, #04285D)
• Frosted Aubergine Villa color palette (#E1E4F8, #6825AB, #00483E, #002D3A, #091232)
• Denim Courtyard color palette (#D2E6F3, #00546F, #2F2C00, #002305, #000A0B)
• Dusty Denim color palette (#F3F5FC, #DCD7E0, #B1B2C2, #615B94, #363A48)

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