Petrol Drift color palette — #E0E8E4 · #CAADB4 · #AF9EC9 · #007DA1 · #01190F

Built around Cerulean, softened by Mauve — the whole palette hums with trust and stability.

The five colors

• Parchment (#E0E8E4): bright and airy, almost weightless.
• Rosewood Mist (#CAADB4): A luminous, dusty red — the color of embers at dusk.
• Mauve (#AF9EC9): A luminous, dusty violet — the color of a velvet chair.
• Cerulean (#007DA1): A full-bodied, balanced blue — the color of deep harbor water.
• Ink (#01190F): 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

• Aged Cobalt color palette (#F2EAF1, #C0AAA9, #B88A7C, #326ECB, #1A101A)
• Timeworn Denim color palette (#E8EFF5, #A9B6C5, #8A92BD, #00597F, #041623)
• Washed Abyss color palette (#E5F2FB, #97A1AD, #737A98, #003C53, #00050B)
• Denim Thicket color palette (#E1F3EC, #DDC8DD, #B99CB0, #005478, #000402)
• Patina Violet color palette (#ECDEE3, #CCBCB3, #BAA489, #9468C2, #281B20)
• Chalky Driftwood color palette (#D2E5E1, #5B9BC5, #9265A7, #2D6127, #032101)
• Amethyst Alley color palette (#E7E4D4, #0099B0, #6E2DEE, #554700, #000D19)
• Softworn Azure color palette (#E9FAF4, #F3D9DC, #E7BBB1, #00A2ED, #1A3A30)

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