Petrol Drift color palette — #E7F1F1 · #92B5D7 · #3969A6 · #004B69 · #122A5F
A conversation between Slate and Navy, giving this palette its sense of trust and stability.
The five colors
- Cream (#E7F1F1): a clean, paper-quiet neutral.
- Sky (#92B5D7): A luminous, dusty blue — the color of deep harbor water.
- Slate (#3969A6): A full-bodied, balanced blue — the color of open sky before noon.
- Navy (#004B69): A deep, shadowed, balanced blue — the color of deep harbor water.
- Navy (#122A5F): A deep, shadowed, balanced violet — the color of twilight just after sunset.
Feels like: Trust, Stability, Creativity, Calm, Balance. Tagged coastal, cool, light, 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
- Petrol Alley color palette (#E5F2EF, #93B8C6, #007587, #00504D, #003441)
- Linen Pier color palette (#F1E6E9, #8BB9E1, #4362C5, #004A53, #160F30)
- Timeworn Periwinkle color palette (#ECF0E5, #AFD8FF, #75A7EA, #2E88B4, #1D2C4F)
- Cornflower Lantern color palette (#F5EDE5, #9ACAF4, #5C7EE7, #006A77, #2D274C)
- Cerulean Courtyard color palette (#EDF8F6, #9ED9E7, #008DAE, #00666A, #00465F)
- Denim Station color palette (#D7EBE9, #6797AE, #004F74, #002E38, #001528)
- Powdered Garnet color palette (#EBD6EE, #BC5B6F, #4A5FC4, #8A0036, #17205F)
- Ancient Coast color palette (#FFECFB, #F0B39D, #D08249, #A03648, #532217)
Browse the whole catalog at Explore, or see today's palette.