Petrol Drift color palette — #E8F5F0 · #F3D7DB · #D3B6BE · #26729C · #1A2923

Built around Slate, softened by Rosewood Mist — the whole palette hums with trust and stability.

The five colors

• Cream (#E8F5F0): a clean, paper-quiet neutral.
• Shell Pink (#F3D7DB): A whisper-light, dusty red — the color of embers at dusk.
• Rosewood Mist (#D3B6BE): A luminous, dusty rose — the color of a warm blush.
• Slate (#26729C): A full-bodied, balanced blue — the color of deep harbor water.
• Onyx (#1A2923): A deep, shadowed, dusty teal — the color of shallow lagoons.

Feels like: Trust, Stability, Sophistication. Tagged scandi, muted, light.

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 Field color palette (#E1ECE9, #D9C4D0, #BB99A0, #2B5980, #091915)
• Wandering Veranda color palette (#FAF2FB, #E8D3D9, #CCB3C6, #366DA4, #493A4B)
• Dusty Harbor color palette (#F7EFF4, #E0D5D2, #C6BAB1, #8D677F, #33292F)
• Antique Azure color palette (#EEF6FF, #DAD9E3, #B9ADB6, #5A98CD, #2B3642)
• Weathered Grape color palette (#F9EEF2, #EACBCC, #CAA092, #6F3DA2, #28121B)
• Weathered Atelier color palette (#F5ECF3, #C6AAB3, #A78382, #2C3D80, #120610)
• Patina Olive Orchard color palette (#FFEEE1, #BEA64E, #547817, #534468, #2B1E00)
• Quiet Cobalt color palette (#DCFAF0, #0089D6, #834C00, #433800, #1C1800)

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