Petrol Drift color palette — #EBF3FC · #9CD2B5 · #476389 · #213247 · #0E141D

Peacock and Pistachio set the tone — five colors that lean into trust and stability.

The five colors

• Ivory (#EBF3FC): bright and airy, almost weightless.
• Pistachio (#9CD2B5): A luminous, dusty teal — the color of sea glass.
• Peacock (#476389): A full-bodied, dusty blue — the color of open sky before noon.
• Deep Teal (#213247): A deep, shadowed, dusty blue — the color of open sky before noon.
• Ink (#0E141D): A deep, shadowed, dusty blue — the color of deep harbor water.

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

• Denim Veranda color palette (#FAF2FA, #D2BE93, #495F81, #433242, #2D1F24)
• Softworn Basin color palette (#EFF6FF, #BADCB9, #697F9F, #414E61, #262C34)
• Softworn Iris Summit color palette (#EBF2FF, #7591DF, #A57088, #356771, #1C232F)
• Tempered Powder color palette (#EFF2F9, #BDBAFF, #A26E9E, #6E6C9A, #17141D)
• Aged Atelier color palette (#F5EEFE, #E89F7C, #764064, #2C2238, #0F0A15)
• Timeworn Driftwood Quarry color palette (#F0F1F9, #DBD4DD, #B4A9AD, #7B80A4, #35363C)
• Worn Wisteria color palette (#FFEBF8, #C598D3, #996588, #674757, #2D2939)
• Airy Boulevard color palette (#EEF1FF, #FF7678, #4F3695, #221447, #040519)

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