Petrol Drift color palette — #F1F3EB · #C2DDDE · #6293B9 · #006980 · #3A223D

Peacock takes the lead with Slate Blue close behind in a set that reads as trust and stability at first glance.

The five colors

• Cream (#F1F3EB): bright and airy, almost weightless.
• Silver (#C2DDDE): A whisper-light, dusty teal — the color of sea glass.
• Slate Blue (#6293B9): A luminous, dusty blue — the color of deep harbor water.
• Peacock (#006980): A full-bodied, balanced blue — the color of deep harbor water.
• Deep Indigo (#3A223D): A deep, shadowed, dusty pink — the color of a candy shop window.

Feels like: Trust, Stability, Sophistication. 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

• Cypress Field color palette (#F1F3EC, #C7E5D4, #5697B5, #006B76, #033528)
• Dusty Denim color palette (#E6E6DD, #6BA8AD, #006470, #003A36, #000D12)
• Gentle Raspberry color palette (#FFECF4, #9482BC, #B95E77, #00759E, #301321)
• Dusty Loft color palette (#ECF2E1, #678FB0, #00498A, #00293A, #000316)
• Hushed Garden color palette (#FAF4EF, #C5DDEA, #91BEF8, #009497, #53334A)
• Dusty Petrol Ridge color palette (#F3F3E1, #6BCECE, #00818A, #005349, #001E24)
• Worn Pier color palette (#FFECF1, #EBD0C8, #E5AF96, #8775A9, #42282E)
• Tempered Cobalt color palette (#E8EAE1, #8EB9D9, #126FB4, #00485E, #001534)

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